ResponsiveTable

in namespace DotVVM.Framework.Controls.Bootstrap

Renders horizontal scrollbars for a table on small devices (under 768px).

Usage & Scenarios

Renders horizontal scrollbars for a table on small devices (under 768px).

https://getbootstrap.com/docs/3.3/css/#tables-responsive

Sample 1: Basic ResponsiveTable

To make the table responsive, just place the table inside the control.

<bs:ResponsiveTable>
  <h2>This is responsive table</h2>
  <bs:Table Style="Hover">
    <thead>
      <tr>
        <th>1</th>
        <th>2</th>
        <th>3</th>
        <th>4</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Lorem</td>
        <td>Ipsum</td>
        <td>Dolor</td>
        <td>Sit</td>
      </tr>
      <tr>
        <td>Consectetur</td>
        <td>Adipiscing</td>
        <td>Elit</td>
        <td>Vivamus</td>
      </tr>
      <tr>
        <td>Vaucibus</td>
        <td>Leo</td>
        <td>Non</td>
        <td>Dignissim</td>
      </tr>
    </tbody>
  </bs:Table>
</bs:ResponsiveTable>

Properties

Name Type Description Notes Default Value

HTML produced by the control