Как я могу установить свойство CssClass THEAD в динамически создаваемой HTML-таблице

Question

Я использую Bootstrap 4, который позволяет мне использовать специальный стиль для заголовка таблицы, если я использую его следующим образом:

<table class='table table-bordered'>
    <thead class='thead-dark'>
       <!-- etc -->
    </thead>
    <tbody>
       <!-- etc -->
    </tbody>
</table>

В моем коде я динамически создаю Table объект и добавляюэто к форме.

Table tbl = new Table;
tbl.cssClass = "table table-bordered";
TableRow tr = new TableRow();
tr.TableSection = TableRowSection.TableHeader;   //this will put the row in the header
   // but I need to set the class of the <thead> element


TableCell td = new TableCell();

td.Text = "Testing 123";
tr.Cells.Add(td);
tbl.Rows.Add(tr);


tbl.header.cssClass = "thead-dark";   // Not valid, but something like this

this.Controls.Add(tbl);

Как я могу присвоить className thead-dark разделу заголовка таблицы?

Answer 1

Кажется, что нет способа сделать это динамически с помощью кода, но вы могли бы динамически установить класс с использованием JavaScript.

// Get the table by id
var table = document.getElementById("tableId");
// Get the thead element assuming it is the direct child of your table
// Set the class
table.children[0].className = "thead-dark";