Hi. I am now adding a feature i.e. filter to my tables. What I want is to filter the data based on some given options in the form of <select> tag. But I don't know how. Just for the details:
<div class="row">
<div class="column">
<input type="text" **id="jetsSearch"** placeholder="Search">
</div>
<div class="column">
<select class="ui compact selection dropdown">
<option selected="" value="all" **id="jetsSearch"**>All</option>
<option value="articles">10</option>
<option value="products">9</option>
</select>
</div>
</div>
<table class="ui celled striped table top-space">
`<tbody **id="jetsContent"** style="text-align:center;">`
`<tr v-for="student in studentList">`
`<td class="colspan=3">`
`{{ student.name }}`
`</td>`
`<td class="colspan=3">`
`{{ student.fathername }}`
`</td>`
`<td class="colspan=3">`
` {{ student.class }}`
`</td>`
`</tr>`
` </tbody>`
</table>
if I select 9 then table should show all data that contains 9 only. filtering with inputtag is working fine but Is it possible in Select tag or some other way.
Hi. I am now adding a feature i.e. filter to my tables. What I want is to filter the data based on some given options in the form of
<select>tag. But I don't know how. Just for the details:<div class="row"><div class="column"><input type="text" **id="jetsSearch"** placeholder="Search"></div><div class="column"><select class="ui compact selection dropdown"><option selected="" value="all" **id="jetsSearch"**>All</option><option value="articles">10</option><option value="products">9</option></select></div></div><table class="ui celled striped table top-space">if I select 9 then table should show all data that contains 9 only. filtering with
inputtag is working fine but Is it possible inSelecttag or some other way.