Breaking News: Grepper is joining You.com. Read the official announcement!

color code for the table

kumar sai answered on November 7, 2023 Popularity 5/10 Helpfulness 1/10

answer color code for the table

color code for the table

Comment

<script>
    function applyColor() {
        const option1 = $('#dropdown1').val();
        const option2 = $('#dropdown2').val();
        const color = $('#colortext').val();
        const dataTable = $('#dataTable');

        if (option1 && option2) {
            // Find the header row in the DataTable
            const tableHeader = dataTable.find('thead tr');
            if (tableHeader.find('th:contains("' + option1 + '")').length === 0) {
                // If the column doesn't exist in the DataTable, add it to the header
                tableHeader.append('<th>' + option1 + '</th>');
            }

            // Find the body rows in the DataTable and apply the selected color to the corresponding cell
            const tableBody = dataTable.find('tbody tr');
            tableBody.each(function () {
                const row = $(this);
                const cell = row.find('td:contains("' + option2 + '")');
                cell.css('background-color', color);
            });
        }
    }

    $('#addRow').click(function () {
        const data = $('#dropdown2').val();
        const tableHeader = $('#tableHeader');
        const tableBody = $('#tableBody');
        if (tableHeader.find('th:contains("' + data + '")').length === 0) {
            tableHeader.append('<th>' + data + '</th>');
        }
        tableBody.find('tr').each(function () {
            const newRow = '<td><input type="text" class="form-control" /></td>';
            $(this).append(newRow);
        });
    });
</script>

Popularity 5/10 Helpfulness 1/10 Language javascript

Source: chat.openai.com

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Nov 07 2023

kumar sai

0 Answers Avg Quality 2/10

color code for the table

Contents

More Related Answers

color code for the table

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.