Table

Table Demo

Usage

HTML

<div class="table-box">
  <table class="table-main">
    <thead>
      <tr>
        <th class="table-th"></th>
        <th class="table-th"></th>
        <th class="table-th"></th>
      </tr>
    </thead>
    <tbody class="table-body">
      <tr>
        <td class="table-td"></td>
        <td class="table-td"></td>
        <td class="table-td"></td>
      </tr>
    </tbody>
  </table>
</div>

JSX

<div className="table-box">
  <table className="table-main">
    <thead>
      <tr>
        <th className="table-th"></th>
        <th className="table-th"></th>
        <th className="table-th"></th>
      </tr>
    </thead>
    <tbody className="table-body">
      <tr>
        <td className="table-td"></td>
        <td className="table-td"></td>
        <td className="table-td"></td>
      </tr>
    </tbody>
  </table>
</div>

Rules

/^table-((box|main|th|body|td))$/