<table>
<tr>
<td><ul>
<li>RowModel (default)
<li>CellModel
<li>ColumnModel
</ul></td>
<td><ul>
<li>CellRowModel
<li>CellColumnModel
<li>CellColumnRowModel
</ul></td>
<td>
</tr>
</table>

<pre style="font-size:13pt; color: gray">
{
    module: Table,
    store: {
        module: Store,
        model: {
            fields: [{ name: 'name' }, { name: 'hp' }, { name: 'attack' }, { name: 'defense' }, { name: 'pokedex' }]
        },
        data: [
            { "name": "Bulbasaur", "pokedex": 1, "hp": 45, "defense": 49, "attack": 49, "speed": 45 },
            { "name": "Ivysaur", "pokedex": 2, "hp": 60, "defense": 63, "attack": 62, "speed": 60 },
        ]
    },
    <span style="font-weight: bold; color: #b91010">selectionModel: {
        module: CellModel
    },</span>
    columns: [
        { text: 'Name', renderer: data => `${data.record.name} (${data.record.pokedex})` },
        { dataField: 'hp', text: 'HP' },
        { dataField: 'attack', text: 'Attack' },
        { dataField: 'defense', text: 'Defense' }
    ],
}
</pre>




