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

#c# #html #asp.net #webforms

#c# #HTML #asp.net #веб-формы

Вопрос:

Я использую 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 разделу заголовка таблицы?

Ответ №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";
  

Комментарии:

1. Я знаю, что это возможно с помощью Javascript, однако мне нужно выполнить это на уровне разработки кода