Custom Filters On Ninja Tables

IDFirst NameLast NameGenderStatusSomethingJob TitleStarteddob
216LondaLandaActive1386157959026Union Representative1362642712905552247011078
217UshaMcgaughyActive1321944069062Clown1369462379974529809122894
218BarDauenhauerActive1353783118443Animal Husbandry Manager1365205217472417092362006
219AlonzoHiblerDisabled1354119586358Garment Presser1308615688145586727260932
220BernieLusherSuspended1339548554855Technical Services Librarian1296267530398724811561196
221KaciPiermariniActive1297770274752Parachute Officer1383193170158-150050014006
222DoyQuarantaMaleSuspended1306398831701Financial Accountant1269673822143224795675607
223JackSmelcerFemaleDisabled1302545451877Electrical Lineworker1376411765035-32213774856
224KaciMcgaughyMaleDisabled1370330176761Obstetrician/Gynecologist1381285068012517981759154
225MarquiaStgelaisOtherSuspended1372201580967Jig Bore Tool Maker1279201900686230456999570
226LilianWeickFemaleSuspended1304992981746Jig Bore Tool Maker1358847348073279066672559
227RigoberoHaytonMaleActive1300843590966Potato Sorter1287420292854255932781273
228LashandaLewisFemaleActive1359252707364Internal Medicine Nurse Practitioner1282006288877-137951349676
229MariaBrancoFemaleDisabled1354464828631National Association for Stock Car Auto Racing Driver1383678560426135428306839
230DoyHeinenMaleSuspended1318568556732Appliance Parts Counter Clerk1378533012170349165812263
231CharlesDragooMaleActive1338521162832Post-Anesthesia Care Unit Nurse1328030460710695678645664
232WhineyLettsMaleSuspended1316789505859Industrial Waste Treatment Technician1361155745237163002113443
233DollyKlotzFemaleActive1379773423450Broadcast Maintenance Engineer1362581729932-208621934411
234CharlesMosherMaleSuspended1353240754187Wood Fence Installer1386788689672569661691835
235RivkaVanattaFemaleDisabled1388323017026Fresco Artist1324396225964710805723804
236NeieRolingMaleActive1329472838847Work Ticket Distributor1346536614530-97817565734
237IldaGaffneyFemaleActive1266628196387Body Shop Supervisor133654617728682809199060
238LondaHanMaleActive1312819287932Jig Bore Tool Maker131319779526910445731932
239LorrianeGoodlowOtherActive1373344403796Ventriloquist1328157950535-127567579554
240SolomonVanattaMaleActive1270435412713National Association for Stock Car Auto Racing Driver1316664501131313847055363
241AlonzoSmelcerFemaleActive1290170780753Window Trimmer1264873163036707468689400
242MarlineEdwinMaleSuspended1315243522164Industrial Waste Treatment Technician1380626992685318443799490
243AnoninaSprouseFemaleActive1339408292033Auto Detailer1275615866100-75546618635
244JasonNicleyMaleSuspended1363438447485High School History Teacher1262756571590304963260964
245BearizHeinenMaleSuspended1349631125504Calculus Professor1347394589636503176920963
246CharlesLanFemaleSuspended1275094762585Telephone Lines Repairer1342259870326424026993561
247ArdeliaGuilfordFemaleActive1362010981695Accounts Collector1303285744232405074865931
248LauriBrueningMaleSuspended1365714090829Childcare Center Administrator1350608490349654537730005
249MaireWeiszMaleDisabled1370812599489Ships Electronic Warfare Officer1369088227045155969085768
250MaireSprouseFemaleSuspended1310845133103Fashion Designer1344939228249-13797279713
251MyeshaLafromboiseFemaleActive1269674379736Emergency Room Orderly1311526766377709115269485
252LilianLeinenMaleSuspended1263487597270Business Services Sales Representative1362394899494-17550966933
253NikiaSinclairOtherSuspended1314565431744Accounts Collector1267795957008393404572584
254SephnieGaffneyMaleSuspended1280745820418Jig Bore Tool Maker1377539314339279598258588
255AlonzoHogleFemaleActive1290556729686Window Trimmer1278246083138-225681928604
256RaynaLewisFemaleDisabled1374544616486Fresco Artist1346749882194707652136097
257CharlesStgelaisMaleSuspended1365206639170Pulpwood Cutter1388398424996326018111253
258ConsueloKygerMaleDisabled1265853747559Wood Fence Installer1383233664297715984956593
259JacqulynCarascoMaleSuspended1346478248352Military Science Teacher130852913484279353918480
260BernieStgelaisMaleDisabled1302838350016Cloak Room Attendant1307342600018-210506174793
261GwenLettsMaleSuspended1353683300825Language Translator1348312220742601674857640
262JacqulynStgelaisOtherDisabled1381040907787Route Sales Person1329435512278406344201763
263MarquiaHalladayFemaleActive1270224639786Auto Detailer1385154491123-241127531255
264VeniceQuarantaFemaleDisabled1383038442545Internet Marketing Manager1369721140275559117300270
265JacqulynLeisterMaleSuspended1288960916845National Association for Stock Car Auto Racing Driver1380291162510508419425603

The above demo was created using Ninja Tables Pro. Check the boxes and see the changes. We’ll show you how you can exactly apply these filters to your tables.

Upgrade to Ninja Tables Pro and make your tables more powerful

NinjaTables comes with a fascinating feature called Custom Filters that facilitates its user to filter the table data in several ways. With this module, users can create filters according to their demand.

To have the custom features option on your table, go to the NinjaTables. Click on the Edit button of your selected table. You will see the button when hovering over the table title.

custom filters wpmanageninja

Next, the system will take you to the table interface where you can find a group of options including Table Configuration option for further configuration.

custom filters wpmanageninja

Click on the Configuration button, and you will see a new interface where you can find the Custom Filters option on the left sidebar.

custom filters wpmanageninja

Now click on the Custom Filters. You will be taken to another window where you will get Add New Filter button.

custom filters wpmanageninja

Click on that button then a pop-up form will appear with a bunch of configuration options. Here is the screenshot of the pop-up form.

custom filters wpmanageninja

You can have a bunch of input fields in this pop-up to make the filter more dynamic. In the Custom Filter pop-up form, you will find the following options:

  • Filter Title: This input field is for the title of the filter that defines what would be the name of the filter.
  • Filter Instruction: This table field is shown on your table filter. Keep it blank if you don’t need any filter instruction at the front-end of the table.
  • Filter UI Type: You can select the filter type that is to show the base of the filtering in the frontend. There are three sub-categories in the Filter UI Type. They are (1). Radio (2). Select Dropdown (3). Checkbox
    – Radio: This option is for radio button so that filter type will show in a form of the radio button.
    Select Dropdown: The Select Dropdown is to show the filter type in a drop-down form.
    Checkbox: This option is to show the filter types in a form of the checkbox.
  • Default Label(placeholder): Default placeholder to reset the label is All (Ex: All), but if you want to change the text you can make it happen by typing your preferable content.
  • Filter Options: Filter Options allow you to put the value by which the filter will be executed. Provide the values that you want to show on the frontend. Keep in mind that your values should match your table cell data.
    Filter Options bears three consecutive fields named Label, Filter Value, and Action Button.
    – In the label field, put the label of the Filtered Value.
    – In the Filter Value field, put the value what you want to filter on. Remember, provide the values that already is in your cell data.
    – There are 2 action buttons which are to add and delete each of the Label and the Filter Value fields.
  • Filter Columns: This option is for to select the columns that you want to apply the filter. You can choose any single columns or you can choose multiple columns.The final outlook of the interface is given below.

This is how you can create a custom filter on your table in various ways using the Ninaj Tables.

If you like Ninja Tables and you are satisfied with the plugin, you can go for the premium version. You would definitely explore something new using it. If you did not purchase it yet, order now and boost your business growth.

Upgrade to Ninja Tables Pro and make your tables more powerful

Was this article helpful to you?

6 10

How can we help?