📔
DataGrid Documentation
  • Getting Started
  • Buy DataGrid on CodeCanyon
  • Controls
    • Text Filter
    • Sort DropDown Control
    • Sort Button Control
    • Checkbox Filter
    • Radio Button Filter
    • Select Filter
    • Button Filter
    • Pagination
    • Page Size Control
    • Label Control
    • Reset Button
  • Multiple version of the same control (data-id attribute)
  • Languages Support
  • Special Classes
  • Deep Links
  • Storage
  • Multiple DataGrids on Page
  • Filter AND/OR Logic [NEW]
  • How To
    • How To Sort Table in JavaScript
    • HTML Table with Sortable Headers
    • How to Filter HTML Table By Multiple Columns
    • Double Sort (Multiple Column Ordering)
Powered by GitBook
On this page

Was this helpful?

Multiple version of the same control (data-id attribute)

Sometimes one control may appear more than one time on the page. For example, it may be placed at the top and bottom panels. Or it may appear in the content item with different styling. In this case, all instances of this control should have the samedata-idattribute. For example:

<!-- top panel -->
<input
    type="text"
    placeholder="Filter by title"
    data-grid-control="text-filter"
    data-path=".product-name"
    data-id="search"
/>

<!-- .... content ... -->

<!-- bottom panel -->
<input
    type="text"
    placeholder="Filter by title"
    data-grid-control="text-filter"
    data-path=".product-name"
    data-id="search"
/>

PreviousReset ButtonNextLanguages Support

Last updated 4 years ago

Was this helpful?