Skip to content
This repository has been archived by the owner on Jun 8, 2024. It is now read-only.

Add Select/Option or any HTML Input below thead for filtering #76

Closed
dukenmarga opened this issue Nov 24, 2022 · 0 comments
Closed

Add Select/Option or any HTML Input below thead for filtering #76

dukenmarga opened this issue Nov 24, 2022 · 0 comments

Comments

@dukenmarga
Copy link

Hello,

Currently column filter is only possible as text input field.
I'm trying to insert select/option input field to make a filtering. But, I notice that this select field will not be shown in the header (thead).

Is there any way to inject this HTML input to the header of the table? This below what I'm trying to achieve.

  <thead>
      <tr>
          <th data-key="houseID">ID Pelanggan</th>
          <th data-key="name">Nama</th>
      </tr>
      <tr>
          <th>
              <select id="houseIDFilter">
                <option value="volvo">Volvo</option>
                <option value="saab">Saab</option>
              </select>
          </th>
          <th>
              <input type="text" id="nameFilter" />
          </th>
      </tr>
  </thead>

image

Thank you

@vincjo vincjo closed this as completed Jun 8, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants