Molecule

Table

Show code
File
Type
Size
Version
Modified
TMC2041_datasheet.pdf yes 2.3 MB v1.04 Aug 10, 2017 10:37 AM
TMC2041_datasheet.pdf yes 2.3 MB v1.04 Aug 10, 2017 10:37 AM
TMC2041_datasheet.pdf yes 2.3 MB v1.04 Aug 10, 2017 10:37 AM
            
              <div class="table">
  <table>
    <thead>
      <tr>
        <th class="table-item-header">
          <div class="table-item-header-content">
            File
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            Type
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            Size
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            Version
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            Modified
          </div>
        </th>
      </tr>
    </thead>
    <tbody>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          <a href="#" title="">TMC2041_datasheet.pdf</a>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#PDF"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          2.3 MB
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          v1.04
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          Aug 10, 2017 10:37 AM
        </td>
      </tr>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          <a href="#" title="">TMC2041_datasheet.pdf</a>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#ZIP"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          2.3 MB
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          v1.04
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          Aug 10, 2017 10:37 AM
        </td>
      </tr>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          <a href="#" title="">TMC2041_datasheet.pdf</a>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#PDF"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          2.3 MB
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          v1.04
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          Aug 10, 2017 10:37 AM
        </td>
      </tr>
    </tbody>
  </table>
</div>

            
          

Dynamically created Tables can be initialized by calling window.__katana__.initTableSort($ELEMENT), where $ELEMENT is the dom element (e.g. document.querySelector('.my-productlist__table'))

Show code
            
              <div style="display: flex; flex-direction: column; gap: 30px;">
  <div id="test"></div><button id="dynamic-table">Add dynamic table</button> 
  <script>

    document.getElementById("dynamic-table").addEventListener(
      "click", function () {
        var container = document.getElementById("test")

        container.innerHTML = `<div class="table table--type-b productlist__table">
  <table id="persistent" data-persistent="persistent-table-1">
    <thead>
      <tr>
        <th class="table-item-header">
          <div class="table-item-header-content">
            Name
          <\/div>
        <\/th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            Axes
          <\/div>
        <\/th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            Motor Supply
          <\/div>
        <\/th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            Phase Current, RMS
          <\/div>
        <\/th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            CAN
          <\/div>
        <\/th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            RS422
          <\/div>
        <\/th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            RS485
          <\/div>
        <\/th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            Setup / Direction
          <\/div>
        <\/th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            a/b/n incremental
          <\/div>
        <\/th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            RS232
          <\/div>
        <\/th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            USB
          <\/div>
        <\/th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            ICC
          <\/div>
        <\/th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            EtherCAT
          <\/div>
        <\/th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            UART
          <\/div>
        <\/th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            TMCL
          <\/div>
        <\/th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            CANopen
          <\/div>
        <\/th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            CoE
          <\/div>
        <\/th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            dcStep
          <\/div>
        <\/th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            closed loop control
          <\/div>
        <\/th>
      <\/tr>
      <tr>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"><\/use><\/svg><\/a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"><\/use><\/svg><\/a>
        <\/td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"><\/use><\/svg><\/a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"><\/use><\/svg><\/a>
        <\/td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"><\/use><\/svg><\/a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"><\/use><\/svg><\/a>
        <\/td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"><\/use><\/svg><\/a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"><\/use><\/svg><\/a>
        <\/td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"><\/use><\/svg><\/a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"><\/use><\/svg><\/a>
        <\/td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"><\/use><\/svg><\/a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"><\/use><\/svg><\/a>
        <\/td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"><\/use><\/svg><\/a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"><\/use><\/svg><\/a>
        <\/td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"><\/use><\/svg><\/a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"><\/use><\/svg><\/a>
        <\/td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"><\/use><\/svg><\/a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"><\/use><\/svg><\/a>
        <\/td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"><\/use><\/svg><\/a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"><\/use><\/svg><\/a>
        <\/td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"><\/use><\/svg><\/a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"><\/use><\/svg><\/a>
        <\/td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"><\/use><\/svg><\/a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"><\/use><\/svg><\/a>
        <\/td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"><\/use><\/svg><\/a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"><\/use><\/svg><\/a>
        <\/td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"><\/use><\/svg><\/a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"><\/use><\/svg><\/a>
        <\/td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"><\/use><\/svg><\/a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"><\/use><\/svg><\/a>
        <\/td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"><\/use><\/svg><\/a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"><\/use><\/svg><\/a>
        <\/td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"><\/use><\/svg><\/a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"><\/use><\/svg><\/a>
        <\/td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"><\/use><\/svg><\/a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"><\/use><\/svg><\/a>
        <\/td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"><\/use><\/svg><\/a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"><\/use><\/svg><\/a>
        <\/td>
      <\/tr>
    <\/thead>
    <tbody>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="MONOpack 2 V2" data-value-asc="" data-value-desc="">
          <a href="#" title="">MONOpack 2 V2<\/a>
        <\/td>
        <td class="table-item-column" data-value="1" data-value-asc="" data-value-desc="">
          <a href="#" title="">1<\/a>
        <\/td>
        <td class="table-item-column" data-value="" data-value-asc="12" data-value-desc="48">
          <a href="#" title="">12..48V<\/a>
        <\/td>
        <td class="table-item-column" data-value="3.5" data-value-asc="" data-value-desc="">
          <a href="#" title="">3.5A<\/a>
        <\/td>
        <td class="table-item-column table-item-column--icon" data-value="1" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"><\/use><\/svg> <span class="sr-only">yes<\/span>
        <\/td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"><\/use><\/svg> <span class="sr-only">yes<\/span>
        <\/td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"><\/use><\/svg> <span class="sr-only">yes<\/span>
        <\/td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"><\/use><\/svg> <span class="sr-only">yes<\/span>
        <\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
      <\/tr>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="MONOpack 1 V3" data-value-asc="" data-value-desc="">
          <a href="#" title="">MONOpack 1 V3<\/a>
        <\/td>
        <td class="table-item-column" data-value="2" data-value-asc="" data-value-desc="">
          <a href="#" title="">2<\/a>
        <\/td>
        <td class="table-item-column" data-value="" data-value-asc="16" data-value-desc="24">
          <a href="#" title="">12..24V<\/a>
        <\/td>
        <td class="table-item-column" data-value="2" data-value-asc="" data-value-desc="">
          <a href="#" title="">2.0A<\/a>
        <\/td>
        <td class="table-item-column" data-value="0" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"><\/use><\/svg> <span class="sr-only">yes<\/span>
        <\/td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"><\/use><\/svg> <span class="sr-only">yes<\/span>
        <\/td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"><\/use><\/svg> <span class="sr-only">yes<\/span>
        <\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
      <\/tr>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="MONOpack 1 V3 CAN" data-value-asc="" data-value-desc="">
          <a href="#" title="">MONOpack 1 V3 CAN<\/a>
        <\/td>
        <td class="table-item-column" data-value="2" data-value-asc="" data-value-desc="">
          <a href="#" title="">2<\/a>
        <\/td>
        <td class="table-item-column" data-value="" data-value-asc="16" data-value-desc="24">
          <a href="#" title="">12..24V<\/a>
        <\/td>
        <td class="table-item-column" data-value="2" data-value-asc="" data-value-desc="">
          <a href="#" title="">2.0A<\/a>
        <\/td>
        <td class="table-item-column table-item-column--icon" data-value="1" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"><\/use><\/svg> <span class="sr-only">yes<\/span>
        <\/td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"><\/use><\/svg> <span class="sr-only">yes<\/span>
        <\/td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"><\/use><\/svg> <span class="sr-only">yes<\/span>
        <\/td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"><\/use><\/svg> <span class="sr-only">yes<\/span>
        <\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
      <\/tr>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="MONOpack 2 V2" data-value-asc="" data-value-desc="">
          <a href="#" title="">MONOpack 2 V2<\/a>
        <\/td>
        <td class="table-item-column" data-value="1" data-value-asc="" data-value-desc="">
          <a href="#" title="">1<\/a>
        <\/td>
        <td class="table-item-column" data-value="" data-value-asc="12" data-value-desc="48">
          <a href="#" title="">12..48V<\/a>
        <\/td>
        <td class="table-item-column" data-value="3.5" data-value-asc="" data-value-desc="">
          <a href="#" title="">3.5A<\/a>
        <\/td>
        <td class="table-item-column" data-value="0" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"><\/use><\/svg> <span class="sr-only">yes<\/span>
        <\/td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"><\/use><\/svg> <span class="sr-only">yes<\/span>
        <\/td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"><\/use><\/svg> <span class="sr-only">yes<\/span>
        <\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""><\/td>
      <\/tr>
    <\/tbody>
  <\/table>
  <\/div>`

        var dynamicTable = container.querySelector(".productlist__table")

        window.__katana__.initTableSort(dynamicTable)

        document.getElementById("dynamic-table").setAttribute("disabled", "disabled")
      }

    )
  </script>
</div>

            
          

Stores the tables sorting state inside localStorage. Use the data-persistent attribute on the table tag with a unique value.

.table--type-b [data-persistent="{{persistentence-id}}"]

Show code
Name
Axes
Motor Supply
Phase Current, RMS
CAN
RS422
RS485
Setup / Direction
a/b/n incremental
RS232
USB
ICC
EtherCAT
UART
TMCL
CANopen
CoE
dcStep
closed loop control
MONOpack 2 V2 1 12..48V 3.5A yes yes yes yes
MONOpack 1 V3 2 12..24V 2.0A yes yes yes
MONOpack 1 V3 CAN 2 12..24V 2.0A yes yes yes yes
MONOpack 2 V2 1 12..48V 3.5A yes yes yes
            
              <div class="table table--type-b productlist__table">
  <table id="persistent" data-persistent="persistent-table-1">
    <thead>
      <tr>
        <th class="table-item-header">
          <div class="table-item-header-content">
            Name
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            Axes
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            Motor Supply
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            Phase Current, RMS
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            CAN
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            RS422
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            RS485
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            Setup / Direction
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            a/b/n incremental
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            RS232
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            USB
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            ICC
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            EtherCAT
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            UART
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            TMCL
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            CANopen
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            CoE
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            dcStep
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            closed loop control
          </div>
        </th>
      </tr>
      <tr>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#persistent" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
      </tr>
    </thead>
    <tbody>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="MONOpack 2 V2" data-value-asc="" data-value-desc="">
          <a href="#" title="">MONOpack 2 V2</a>
        </td>
        <td class="table-item-column" data-value="1" data-value-asc="" data-value-desc="">
          <a href="#" title="">1</a>
        </td>
        <td class="table-item-column" data-value="" data-value-asc="12" data-value-desc="48">
          <a href="#" title="">12..48V</a>
        </td>
        <td class="table-item-column" data-value="3.5" data-value-asc="" data-value-desc="">
          <a href="#" title="">3.5A</a>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="1" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
      </tr>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="MONOpack 1 V3" data-value-asc="" data-value-desc="">
          <a href="#" title="">MONOpack 1 V3</a>
        </td>
        <td class="table-item-column" data-value="2" data-value-asc="" data-value-desc="">
          <a href="#" title="">2</a>
        </td>
        <td class="table-item-column" data-value="" data-value-asc="16" data-value-desc="24">
          <a href="#" title="">12..24V</a>
        </td>
        <td class="table-item-column" data-value="2" data-value-asc="" data-value-desc="">
          <a href="#" title="">2.0A</a>
        </td>
        <td class="table-item-column" data-value="0" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
      </tr>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="MONOpack 1 V3 CAN" data-value-asc="" data-value-desc="">
          <a href="#" title="">MONOpack 1 V3 CAN</a>
        </td>
        <td class="table-item-column" data-value="2" data-value-asc="" data-value-desc="">
          <a href="#" title="">2</a>
        </td>
        <td class="table-item-column" data-value="" data-value-asc="16" data-value-desc="24">
          <a href="#" title="">12..24V</a>
        </td>
        <td class="table-item-column" data-value="2" data-value-asc="" data-value-desc="">
          <a href="#" title="">2.0A</a>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="1" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
      </tr>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="MONOpack 2 V2" data-value-asc="" data-value-desc="">
          <a href="#" title="">MONOpack 2 V2</a>
        </td>
        <td class="table-item-column" data-value="1" data-value-asc="" data-value-desc="">
          <a href="#" title="">1</a>
        </td>
        <td class="table-item-column" data-value="" data-value-asc="12" data-value-desc="48">
          <a href="#" title="">12..48V</a>
        </td>
        <td class="table-item-column" data-value="3.5" data-value-asc="" data-value-desc="">
          <a href="#" title="">3.5A</a>
        </td>
        <td class="table-item-column" data-value="0" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
      </tr>
    </tbody>
  </table>
</div>

            
          

.table--type-a

Show code
MONOpack 2 V2
MONOpack 2 V2
Status active active
Axes 1 1
Motor Supply 12...48V 12...48V
Phase Current, RMS 3.5A 3.5A
Microsteps 406 406
CAN yes yes
            
              <div class="table table--type-a">
  <table>
    <thead>
      <tr>
        <th class="table-item-header">
          <div class="table-item-header-content"></div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            <div class="table-item-header-image">
              <img src="/images/_product/csm_tmc2130-LA_0bf91579f0.jpg" alt="">
            </div>MONOpack 2 V2
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            <div class="table-item-header-image">
              <img src="/images/_product/csm_tmc2130-ta_92f22aba3b.jpg" alt="">
            </div>MONOpack 2 V2
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content"></div>
        </th>
      </tr>
    </thead>
    <tbody>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          Status
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          active
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          active
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
      </tr>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          Axes
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          1
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          1
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
      </tr>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          Motor Supply
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          12...48V
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          12...48V
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
      </tr>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          Phase Current, RMS
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          3.5A
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          3.5A
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
      </tr>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          Microsteps
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          406
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          406
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
      </tr>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          CAN
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
      </tr>
    </tbody>
  </table>
</div>

            
          

.table--type-b

Show code
Name
Axes
Motor Supply
Phase Current, RMS
CAN
RS422
RS485
Setup / Direction
a/b/n incremental
RS232
USB
ICC
EtherCAT
UART
TMCL
CANopen
CoE
dcStep
closed loop control
MONOpack 2 V2 1 12…48V 3.5A yes yes yes
MONOpack 2 V2 1 12…48V 3.5A yes yes yes
MONOpack 2 V2 1 12…48V 3.5A yes yes yes
MONOpack 2 V2 1 12…48V 3.5A yes yes yes
MONOpack 2 V2 1 12…48V 3.5A yes yes yes
MONOpack 2 V2 1 12…48V 3.5A yes yes yes
            
              <div class="table table--type-b productlist__table">
  <table id="test">
    <thead>
      <tr>
        <th class="table-item-header">
          <div class="table-item-header-content">
            Name
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            Axes
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            Motor Supply
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            Phase Current, RMS
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            CAN
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            RS422
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            RS485
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            Setup / Direction
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            a/b/n incremental
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            RS232
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            USB
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            ICC
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            EtherCAT
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            UART
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            TMCL
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            CANopen
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            CoE
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            dcStep
          </div>
        </th>
        <th class="table-item-header">
          <div class="table-item-header-content">
            closed loop control
          </div>
        </th>
      </tr>
      <tr>
        <td class="table-item-sorting">
          <a href="#test" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#test" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#test" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#test" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#test" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#test" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#test" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#test" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#test" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#test" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#test" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#test" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#test" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#test" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#test" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#test" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#test" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#test" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#test" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#test" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#test" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#test" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#test" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#test" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#test" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#test" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#test" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#test" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#test" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#test" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#test" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#test" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#test" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#test" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#test" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#test" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
        <td class="table-item-sorting">
          <a href="#test" class="table-item-sorting-btn" data-toggle="sort-asc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-up"></use></svg></a> <a href="#test" class="table-item-sorting-btn" data-toggle="sort-desc" title=""><svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#chevron-down"></use></svg></a>
        </td>
      </tr>
    </thead>
    <tbody>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          <a href="#" title="">MONOpack 2 V2</a>
        </td>
        <td class="table-item-column" data-value="1" data-value-asc="" data-value-desc="">
          1
        </td>
        <td class="table-item-column" data-value="" data-value-asc="12" data-value-desc="48">
          12…48V
        </td>
        <td class="table-item-column" data-value="3.5" data-value-asc="" data-value-desc="">
          3.5A
        </td>
        <td class="table-item-column" data-value="0" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
      </tr>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          <a href="#" title="">MONOpack 2 V2</a>
        </td>
        <td class="table-item-column" data-value="1" data-value-asc="" data-value-desc="">
          1
        </td>
        <td class="table-item-column" data-value="" data-value-asc="12" data-value-desc="48">
          12…48V
        </td>
        <td class="table-item-column" data-value="3.5" data-value-asc="" data-value-desc="">
          3.5A
        </td>
        <td class="table-item-column" data-value="0" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
      </tr>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          <a href="#" title="">MONOpack 2 V2</a>
        </td>
        <td class="table-item-column" data-value="1" data-value-asc="" data-value-desc="">
          1
        </td>
        <td class="table-item-column" data-value="" data-value-asc="12" data-value-desc="48">
          12…48V
        </td>
        <td class="table-item-column" data-value="3.5" data-value-asc="" data-value-desc="">
          3.5A
        </td>
        <td class="table-item-column" data-value="0" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
      </tr>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          <a href="#" title="">MONOpack 2 V2</a>
        </td>
        <td class="table-item-column" data-value="1" data-value-asc="" data-value-desc="">
          1
        </td>
        <td class="table-item-column" data-value="" data-value-asc="12" data-value-desc="48">
          12…48V
        </td>
        <td class="table-item-column" data-value="3.5" data-value-asc="" data-value-desc="">
          3.5A
        </td>
        <td class="table-item-column" data-value="0" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
      </tr>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          <a href="#" title="">MONOpack 2 V2</a>
        </td>
        <td class="table-item-column" data-value="1" data-value-asc="" data-value-desc="">
          1
        </td>
        <td class="table-item-column" data-value="" data-value-asc="12" data-value-desc="48">
          12…48V
        </td>
        <td class="table-item-column" data-value="3.5" data-value-asc="" data-value-desc="">
          3.5A
        </td>
        <td class="table-item-column" data-value="0" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
      </tr>
      <tr class="table-item-row" data-position="">
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc="">
          <a href="#" title="">MONOpack 2 V2</a>
        </td>
        <td class="table-item-column" data-value="1" data-value-asc="" data-value-desc="">
          1
        </td>
        <td class="table-item-column" data-value="" data-value-asc="12" data-value-desc="48">
          12…48V
        </td>
        <td class="table-item-column" data-value="3.5" data-value-asc="" data-value-desc="">
          3.5A
        </td>
        <td class="table-item-column" data-value="0" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column table-item-column--icon" data-value="" data-value-asc="" data-value-desc="">
          <svg class="icon" viewbox="0 0 32 32">
          <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check-circle-o"></use></svg> <span class="sr-only">yes</span>
        </td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
        <td class="table-item-column" data-value="" data-value-asc="" data-value-desc=""></td>
      </tr>
    </tbody>
  </table>
</div>