DOM

You can access parts of the VirtualTable with DOM selectors. Here is a preview of the DOM structure.

<div id="my-tableKeyName" data-role="table" data-rows-count="2" data-columns-count="3">
  <div data-role="header">
    <div data-role="row">
      <div data-role="cell" data-column-key="firstname" />
      <div data-role="cell" data-column-key="lastname" />
      <div data-role="cell" data-column-key="age" />
    </div>
  </div>
  <div data-role="add-row" />
  <div data-role="body">
    <div scrollable="true">
      <div data-role="row" data-key="1">
        <div data-role="cell" data-column-key="firstname" />
        <div data-role="cell" data-column-key="lastname" />
        <div data-role="cell" data-column-key="age" />
      </div>
      <div data-role="row" data-key="2">
        <div data-role="cell" data-column-key="firstname" />
        <div data-role="cell" data-column-key="lastname" />
        <div data-role="cell" data-column-key="age" />
      </div>
    </div>
  </div> 
  <div data-role="add-row" />
  <div data-role="footer">
    <div>
      <div data-role="cell" data-column-key="firstname" />
      <div data-role="cell" data-column-key="lastname" />
      <div data-role="cell" data-column-key="age" />
    </div>
  </div>
</div>