ngx-datatables-net Modern Angular wrapper for DataTables.net
Angular wrapper maintained byascentspark

DOM-sourced table

Enhance an existing HTML table. With no dtData/dtColumns, DataTables reads rows directly from the markup, ideal for progressively enhancing server-rendered tables.

NameRoleLocationJoined
Aisha KhanEngineering ManagerLondon2018-03-01
Liam SmithSoftware EngineerBerlin2020-07-15
Sofia GarciaUX DesignerToronto2019-11-02
Noah MüllerData AnalystTokyo2021-01-20
Mei ChenProduct ManagerSingapore2017-05-30
Lucas RossiDevOps EngineerSydney2022-02-11
Priya PatelQA EngineerSan Francisco2016-09-19
Mateo SilvaSolutions ArchitectLondon2015-12-08
<!-- No dtData / dtColumns: DataTables reads the rows from the markup. -->
<table dtTable class="display" style="width:100%">
  <thead>
    <tr>
      <th>Name</th>
      <th>Role</th>
      <th>Location</th>
      <th>Joined</th>
    </tr>
  </thead>
  <tbody>
    <tr><td>Aisha Khan</td><td>Engineering Manager</td><td>London</td><td>2018-03-01</td></tr>
    <tr><td>Liam Smith</td><td>Software Engineer</td><td>Berlin</td><td>2020-07-15</td></tr>
    <tr><td>Sofia Garcia</td><td>UX Designer</td><td>Toronto</td><td>2019-11-02</td></tr>
    <tr><td>Noah Müller</td><td>Data Analyst</td><td>Tokyo</td><td>2021-01-20</td></tr>
    <tr><td>Mei Chen</td><td>Product Manager</td><td>Singapore</td><td>2017-05-30</td></tr>
  </tbody>
</table>