Dynamic Class in Table with Javascript

Question

I'm using javascript to covert an CSV file to HTML table, but I need to give any table column a diferent class, so I can use only the columns that I need.

I have no ideia how to use a dynamic class (instead of td.class) name for every colums the script create, anyone here knows any solution for that?

My code:

$.each(items, function(itemCount, item) {

tableHTML += '<td class="' + td.class + '">' + item + '</td>';

});

tableHTML += '</tr>';

Thanks!

class is a reserved word, you should use className or just anything other than a reserved word. Your question is a bit confusing, are you trying to assign a class to each column? — Rob M.
– Rob M., Commented Feb 12, 2016 at 20:14
I wrote td.class just in my example, and yes, I need every column to have a diferent name. With Dynamic class name I mean a different class name for every column. — Zeca Novaes
– Zeca Novaes, Commented Feb 12, 2016 at 20:17
It it better to create element by using JQuery like $tds.append( $('<td>').addClass(yourClassName).html(item)); Then out of the loop YourTableRowElement.append($tds) — Z.Z.
– Z.Z., Commented Feb 12, 2016 at 20:17

Ted Whitehead · Accepted Answer · 2016-02-12 20:19:51Z

1

One way is to use modulo to append the column number:

var columnCount = 4;

$.each(items, function(itemCount, item) {
  var currentColumn = (itemCount % columnCount) + 1// add 1 because of zero index
  tableHTML += '<td class="column-' + currentColumn + '">' + item + '</td>';
});

I’m guessing you could probably get the columnCount dynamically, but would need to see the rest of your code to show that.

edited Feb 12, 2016 at 20:19

answered Feb 12, 2016 at 20:18

Ted Whitehead

1,82611 silver badges20 bronze badges

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

Collectives™ on Stack Overflow

Dynamic Class in Table with Javascript

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