How to add class to dynamically generated table in jquery?

Question

I have written a javascript code to dynamically generate a table ,How can I add class attribute to genrated table?

I have tried using addClass(), and .className. But it did't work for me.

Here is my code :

var res = data.split("\n");
rows = res.length; 
var body = document.getElementById(name);
tbl  = document.createElement('table');
tbl.style.width  = '100px';
tbl.style.border = "1px solid black";

//tb1.class("table"); tb1.className="table" tn.addClass() ="table"          

for(var i = 1; i < rows; i++)
{
        var tr = tbl.insertRow();
        var column = res[i].split("@"); 

        cols = column.length;

        for(var j = 0; j < cols; j++)
        {
            var td = tr.insertCell();
            td.appendChild(document.createTextNode(column[j]));
            td.style.border = "1px solid black";
        }
        }
        body.appendChild(tbl);
}

I think your problem is your name is wrong -> 'tb1' instead 'tbl' // tbl.className = 'table'; should work. — webkit
– webkit, Commented Jan 11, 2015 at 12:21

Oleksandr T. · Accepted Answer · 2019-08-09 13:56:50Z

1

Try to use setAttribute

tbl.setAttribute('class', 'table')

Or you can use .classList

const app = document.getElementById('app');

document.getElementById('button').addEventListener('click', () => {
   const tbl = document.createElement('table');
   tbl.classList.add('class')
   app.appendChild(tbl)
})

.class {
   border: 1px solid red;
   height: 100px;
   width: 100px;
}

<div id="app"></div>
<button id="button">Add</button>

edited Aug 9, 2019 at 13:56

answered Jan 11, 2015 at 12:17

Oleksandr T.

77.6k17 gold badges177 silver badges145 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add class to dynamically generated table in jquery?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related