search

lightswitch05 / filterable

UNSUPPORTED: Bootstrap themed per-column filter for an HTML table
http://lightswitch05.github.io/filterable/
MIT License
110 stars 27 forks source link

Problem in mobile phones with table-responsive #8

Closed 9redhat closed 10 years ago

9redhat commented 10 years ago
If i have a table-responsive like this:
...
In mobile phones when the table is to large the editable not appears see the img: http://i.stack.imgur.com/5QU1x.png
lightswitch05 commented 10 years ago

Hi @9redhat - what version of bootstrap & x-editable are you using?

9redhat commented 10 years ago

I tried with version 1.4.5 and version 1.5.1

lightswitch05 commented 10 years ago

Right now Filterable is only compatible with Bootstrap version 2.x. If you are trying to use it with Bootstrap v3 there are lots of different problems

9redhat commented 10 years ago

I'm using with bootstrap 3. This is my problem because the popover is "inside" the table. I put the popover with the bottom option and now looks like this: seleco_006

Thanks anyway.

lightswitch05 commented 10 years ago

For tracking purposes - since it is bootstrap 3 related, this is a duplicate of issue #4

9redhat commented 10 years ago

After two weeks of research and trying everything I know finally I solve the problem.

In my case I added the default values ​​of the popover an option in the script line 1392 bootstrap-editable.js

line code

1   / *! X-editable - v1.5.1
.
...
1390 mode: 'popup',
1391
1392 container: 'body'

So the popover is no longer "inside the table" and now belongs to the body, therefore, is in front of the other objects..

My reference: link

Now filterable + x-editable v1.5.1 + bootstrap v3 works perfectly :)

lightswitch05 commented 10 years ago

@9redhat I'm glad you were able to figure it out. Thank you very much for posting your solution for others to find!