BDT - searching

Basic Data Table

v 2.1.0

Searching

Hint: Try search   sipkova , strase , ne*ra , nev ray , 2023-01-14T23:15

  • "*" - logical AND
  • " " - logical OR
<div id="basicdatatable"></div>
<p>
  Universal search:
  <!-- SEARCHING -->
  <bdt-filter @use-filter="setFilter" @reset-filter="resetFilter" title="Inline Filter" placeholder="search..." />
</p>

<table border="1" width="100%" cellspacing="0" cellpadding="3">
	<thead>
		<tr>
			<th>No.</th>
			<th>ID</th>
			<th>Name</th>
		</tr>
	</thead>
	<tbody>
		<tr v-for="(item, index) in pageItems" :key="item.fld_ID">
			<td align="center"> {{ ((page -1) * limit) +index +1 }}. </td>
			<td> {{ item.fld_ID }} </td>
			<td> {{ item.fld_Name }} </td>
		</tr>
	</tbody>
</table>
import basicDataTable from "https://api.pim.sk/api/basic-data-table/bdt.min.mjs"

const bdt = new basicDataTable({
	id: "bdtBex",
	selector: "#basicdatatable",
	items: data,
	template: template
});