bootstrap-table icon indicating copy to clipboard operation
bootstrap-table copied to clipboard

Multiple select in filter-control

Open Valery1991 opened this issue 6 years ago • 47 comments

Hello,

I was wondering if there is a way to get multiple select in filter-control to work? For example, selecting two (or more) filters in a single dropdown.

Thanks & kind regards.

Valery1991 avatar Aug 02 '17 11:08 Valery1991

Hello When will release v2.0.0 ? Do you have any workaround, to use any custom control? Is it posible use custom controls like select2, bootstrap-select or bootstrap-multiselect?

jamesRUS52 avatar Apr 03 '20 10:04 jamesRUS52

Consider adding support for https://github.com/wenzhixin/multiple-select plugin.

https://live.bootstrap-table.com/code/sebastiangehrt/2412

wenzhixin avatar Apr 07 '20 05:04 wenzhixin

Consider adding support for https://github.com/wenzhixin/multiple-select plugin.

https://live.bootstrap-table.com/code/sebastiangehrt/2412

https://live.bootstrap-table.com/code/sebastiangehrt/2413 is the correct use case for multi select for e.g. a categorie

g3rd0 avatar Apr 07 '20 05:04 g3rd0

Consider adding support for https://github.com/wenzhixin/multiple-select plugin.

https://live.bootstrap-table.com/code/sebastiangehrt/2412

@wenzhixin multiple-select.js plugin does not seem to work together with bootstrap-table-filter-control.js see https://codepen.io/rayzoray/pen/pojooVo

rayoray avatar Apr 09 '20 13:04 rayoray

@rayoray like this: https://live.bootstrap-table.com/code/wenzhixin/2451

wenzhixin avatar Apr 09 '20 15:04 wenzhixin

@wenzhixin no not exactly: data-field="city" must be class="multiple-select".

image

rayoray avatar Apr 10 '20 00:04 rayoray

You can use the bootstrap theme: <link href="https://unpkg.com/[email protected]/dist/themes/bootstrap.min.css" rel="stylesheet">.

http://multiple-select.wenzhixin.net.cn/examples#themes.html

wenzhixin avatar Apr 10 '20 00:04 wenzhixin

@wenzhixin theme helps, but selecting checkbox options does not filter table; see example pen: https://codepen.io/rayzoray/pen/jObOdvz

rayoray avatar Apr 10 '20 00:04 rayoray

Yes, multiple select filtering is not yet supported, so mark it as a feature.

wenzhixin avatar Apr 10 '20 01:04 wenzhixin

@wenzhixin do you have a temporary solution or workaround that you can share for this feature? as this issue has been identified in 2017?

rayoray avatar Apr 10 '20 10:04 rayoray

Just to update the case:

multi-select-filter

https://live.bootstrap-table.com/code/albfan/3509

I think some work needs to be done on filtering multiple select (like do a OR instead of AND filter), but that's expected.

@wenzhixin so just using the dist/ directory instead of cdn is enough right?

albfan avatar Jun 18 '20 14:06 albfan

@albfan As you can see the issue is still open, which means the table currently dont support multiselects.

UtechtDustin avatar Jun 18 '20 15:06 UtechtDustin

@UtechtDustin of course, just mean if there's an unstable dist to deploy and provide feedback.

Just let me know if I can help in any way

albfan avatar Jun 18 '20 16:06 albfan

If we need help we will ask you, thanks for the offer.

UtechtDustin avatar Jun 18 '20 20:06 UtechtDustin

@wenzhixin tried to implement that with your multiselect lib, the problem is that we have to check the count of the options. Your lib clears the select element, is there a method to get the options/data ? (Cant find anything on the documentation)

UtechtDustin avatar Jun 20 '20 20:06 UtechtDustin

@wenzhixin Is this issue resolved now ? I am looking for the same feature :/

ghost avatar Jul 06 '20 11:07 ghost

@wenzhixin We are looking forward for this implementation

gp-saurabh avatar Jul 06 '20 11:07 gp-saurabh

Working on this in this PR #5129

djhvscf avatar Jul 07 '20 17:07 djhvscf

Is this issue solved in the new release v1.17.0? because I tried and got the same result :/

ghost avatar Jul 10 '20 11:07 ghost

@gp-manishverma No its not, we had issue which was not easy to fix (that is the reason why we released 1.17.0 first). I hope this feature will be added in the next version.

UtechtDustin avatar Jul 10 '20 11:07 UtechtDustin

Hi @gp-manishverma basically we're facing an issue when the table height is set. Because of that we're considering to improve the filter control logic and how this is rendered.

djhvscf avatar Jul 10 '20 18:07 djhvscf

anyone know how to do it?

yuyoux avatar Aug 11 '20 05:08 yuyoux

This is in progress. But still working on design phase since the height is causing issue with filter control

djhvscf avatar Aug 16 '20 04:08 djhvscf

Hi guys. Any news on this?

Crusader2010 avatar Oct 05 '20 07:10 Crusader2010

Still working on it. This requires the extension to be rewritten.

djhvscf avatar Oct 05 '20 15:10 djhvscf

Hi :) any rough guess, when this feature will be added?

mayo589 avatar Dec 30 '20 10:12 mayo589

Hi guys, this would really be a nice functionality. Is there any workaround for now?

vlatro avatar Jan 14 '21 07:01 vlatro

@djhvscf any update on when this feature may be available? Let me know if I can be of any assistance.

ashmosis avatar Jan 30 '21 23:01 ashmosis

hi, I'm working on recreate the extension. This in order to have a better extension, robust and stable. See the progress here: https://github.com/wenzhixin/bootstrap-table/tree/feature/multiselect-filtercontrol

djhvscf avatar Feb 07 '21 02:02 djhvscf

@djhvscf Any running example. I try modifying my old one with your branch, but nothing seems to work

https://live.bootstrap-table.com/code/albfan/6507

albfan avatar Feb 07 '21 10:02 albfan