Table

Table component is used to represent data on a grid. It’s mainly used in Web for administration and moderation purposes. It consists of cell components and can have sorting/selection functionality.

Pseudo-code:

<card>
  <stack>
    <stack-item width="content">
      <cell>
        <cell-suffix>
          <checkbox/>
        </cell-suffix>
      </cell>
    </stack-item>
    <stack-item width="parent">
      <cell>
        <cell-title>IP Address</cell-title>
      </cell>
    </stack-item>
    <stack-item width="parent">
      <cell>
        <cell-title>Session ID</cell-title>
      </cell>
    </stack-item>
  </stack>
  <stack>
    <stack-item width="content">
      <cell>
        <cell-suffix>
          <checkbox/>
        </cell-suffix>
      </cell>
    </stack-item>
    <stack-item width="parent">
      <cell>
        <cell-body>100.7.11.106</cell-body>
      </cell>
    </stack-item>
    <stack-item width="parent">
      <cell>
        <cell-body>91bc130c50aa0f7dc73aad</cell-body>
      </cell>
    </stack-item>
  </stack>
  <pagination width="content"/>
</card>
IP Address
Session ID
100.7.11.106
91bc130c50aa0f7dc73aad
1 2 3 4 5 6