<table class="b-table b-table--responsive" title="This is an example caption">
<caption>This is an example caption</caption>
<thead>
<tr>
<th scope="col">Entry Header 1</th>
<th scope="col">Entry Header 2</th>
<th scope="col">Entry Header 3</th>
<th scope="col">Entry Header 4</th>
</tr>
</thead>
<tbody>
<tr>
<td data-heading="Entry Header 1: ">Entry First Line 1</td>
<td data-heading="Entry Header 2: ">Entry First Line 2</td>
<td data-heading="Entry Header 3: ">Entry First Line 3</td>
<td data-heading="Entry Header 4: ">Entry First Line 4</td>
</tr>
<tr>
<td data-heading="Entry Header 1: ">Entry Line 1</td>
<td data-heading="Entry Header 2: ">Entry Line 2</td>
<td data-heading="Entry Header 3: ">Entry Line 3</td>
<td data-heading="Entry Header 4: ">Entry Line 4</td>
</tr>
<tr>
<td data-heading="Entry Header 1: ">Entry Last Line 1</td>
<td data-heading="Entry Header 2: ">Entry Last Line 2</td>
<td data-heading="Entry Header 3: ">Entry Last Line 3</td>
<td data-heading="Entry Header 4: ">Entry Last Line 4</td>
</tr>
</tbody>
</table>
<table class="b-table b-table--responsive" title="This is an example caption">
<caption>This is an example caption</caption>
<thead>
<tr>
<th scope="col">Entry Header 1</th>
<th scope="col">Entry Header 2</th>
<th scope="col">Entry Header 3</th>
<th scope="col">Entry Header 4</th>
</tr>
</thead>
<tbody>
<tr>
<td data-heading="Entry Header 1: ">Entry First Line 1</td>
<td data-heading="Entry Header 2: ">Entry First Line 2</td>
<td data-heading="Entry Header 3: ">Entry First Line 3</td>
<td data-heading="Entry Header 4: ">Entry First Line 4</td>
</tr>
<tr>
<td data-heading="Entry Header 1: ">Entry Line 1</td>
<td data-heading="Entry Header 2: ">Entry Line 2</td>
<td data-heading="Entry Header 3: ">Entry Line 3</td>
<td data-heading="Entry Header 4: ">Entry Line 4</td>
</tr>
<tr>
<td data-heading="Entry Header 1: ">Entry Last Line 1</td>
<td data-heading="Entry Header 2: ">Entry Last Line 2</td>
<td data-heading="Entry Header 3: ">Entry Last Line 3</td>
<td data-heading="Entry Header 4: ">Entry Last Line 4</td>
</tr>
</tbody>
</table>
/* No context defined for this component. */
The reponsive table will change once it gets to the “md” breakpoint (default is 768px)