search

1rosehip / jplist

jPList jQuery Data Grid Controls is a flexible jQuery plugin for sorting, pagination and filtering of any HTML structure (DIVs, UL/LI, tables, etc).
http://jplist.com
Other
437 stars 177 forks source link

jpList in combination with 'Zurb Foundation Tabs' causes bug #210

Closed ghost closed 8 years ago

ghost commented 8 years ago

Case: I want to search between tab-titles. Those tabs are created with Zurb Foundation for sites (latest) and the searching is done by 'jpList textbox filter'.

Problem: After initializing jpList on the Foundation tabs, the tabs are not working anymore. jpList is detaching the <li>elements of the tab and placing it outside the <ul></ul> elements.

Possible solution: When jplist detach the <li>-elements, it should attach them back inside the <ul></ul> element. (The <ul> & <li> elements are created by the Foundation Tabs plugin)

Example: https://jsfiddle.net/b9hsy9ez/1/

1rosehip commented 8 years ago

Working demo: https://jsfiddle.net/no81no/s2n9dmpt/

All you need is to change itemsBox: '.jplist' to itemsBox: '#example-vert-tabs'

ghost commented 8 years ago

Didn't thought it was so easy, thank you very much!

1rosehip commented 8 years ago

You're welcome :)