Using Bootstrap, how do you color individual table rows or cells?
Experience Level: Junior
Tags: Bootstrap 4
Answer
In order to create a table with individually colored rows or cells, use standard html tags <table>, <tr>, <th> and <td>. Then add a class table-primary to the <tr> tag or <td> tag.
<table class="table">
<tr>
<th>ID</th>
<th>Name</th>
</tr>
<tr class="table-primary">
<td>11</td>
<td>Peter</td>
</tr>
<tr>
<td>12</td>
<td>Jane</td>
</tr>
</table><table class="table">
<tr>
<th>ID</th>
<th>Name</th>
</tr>
<tr>
<td>11</td>
<td class="table-primary">Peter</td>
</tr>
<tr>
<td>12</td>
<td>Jane</td>
</tr>
</table>Related Bootstrap job interview questions
Using Bootstrap, how do you make a table responsive so that it is accessible on mobile devices?
Bootstrap 4 JuniorHow do you make a small/compact table using Bootstrap?
Bootstrap 4 JuniorUsing Bootstrap, how do you make a table that highlights a row when you move a mouse cursor over it?
Bootstrap 4 JuniorHow do you make a bordered table using Bootstrap?
Bootstrap 4 JuniorHow do you add zebra-striping and dark style to a table using Bootstrap?
Bootstrap 4 Junior
Chat
Oh, the operator is not available. Leave us your comments. We will answer all your questions as soon as possible.
Anonymous
Καλησπέρα.
Καλησπέρα.
Anonymous
the infinteis -3/15 so 1triition / infinet
the infinteis -3/15 so 1triition / infinet
Anonymous
e
e
Anonymous
<a href="https://inspirum.pl "
<a href="https://inspirum.pl "
Anonymous
[url]https://inspirum.pl[/url]
[url]https://inspirum.pl[/url]
LaceJaguar65
e
e
LaceJaguar65
e
e
LaceJaguar65
e
e
LaceJaguar65
e
e
LaceJaguar65
e
e
LaceJaguar65
e
e
LaceJaguar65
e
e
LaceJaguar65
e
e
LaceJaguar65
e
e
LaceJaguar65
e
e
LaceJaguar65
e
e
LaceJaguar65
e
e
LaceJaguar65
e
e
LaceJaguar65
e
e
LaceJaguar65
e
e
LaceJaguar65
e
e
LaceJaguar65
e
e
LaceJaguar65
e
e
LaceJaguar65
e
e
LaceJaguar65
e
e