I'm following the instructions here http://www.listjs.com/docs/plugins/fuzzysearch and have managed to get it working.
My issue is the following: I have two sortable columns. I want the search to only effect the left column and ignore the items on the right column.
Example: On initial load, all items are on the left column. I drag an item to the right column. Now if I use the fuzzySearch, it includes the items on right column and spits it back into the left column.
Side note: I'm just using JQuery UI for the sortable portion of it.
Related
I have a ui grid that has 20 columns, and I would like to be able to tell what the next column will be as I scroll through the horizontal axis so that I can have some text that will tell the users what the names of all the columns they can't see are.
Anyone know if this is possible? As I watch the the inspector and scroll through the columns, I see html attributes changing.
---UPDATE 1----
This is what is all looks like (where it says "home #" is dynamic and will change to show the next column that is out of site)
Based on the ui-grid configuration that you use to render the grid, you already know the order of the columns. You can use this information together with the visible on each column added by the gird itself.
What you need to do is bind a event handler on scroll to iterate over the columns on each change and check the visibility of them. Then the first one with visible === false is the upcoming.
Here is a working Plunker where is used this flag.
I wonder if there is a way to leave the cluster plugin with JQGrid grid view like this:
http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxgrid/jquery-grid-grouping.htm
I'm getting to group, but the column is not with the spacing above the level of the group and hide the column if there be grouped all the other comes to the corner.
Is there a way to leave with a vision of grouping, but with the same hierarchy example of a plugin that showed up?
hugs
We're developing a web application using the Vaadin framework.
In this app I have an existing table with a range a columns. On a user action I want to remove some of the existing columns and add some other additional columns.
This proved quite easy, however, I want the added column to be placed as the first column in the table, on the out most left edge of the table, and I can't seem to find any support for this action. Every column that's added is by default placed as the last column, in the out most right of the table.
What you should do is to set your
table.setVisibleColumns(your sorted order of columns)
and also
table.setColumnReorderingAllowed(false)
it might be good to throw in a force of relaoding the datasource so
table.setContainerDataSource(table.getContainerDataSource());
I am using jQuery ui.multiselect.js plugin to order columns in my jqGrid. I have noticed that there are some inconsistencies in the way this plugin behaves. It lets me drag-n-drop from right column to left but not left to right column. Has anyone got a working solution to this problem.
I don't think it is exactly a problem, it is the way the plugin is supposed to work if you set the option sortable: true which is the default:
you can drag column from right list to left to choose which ones you'd like to show in the grid
you can re-order the column on the left list to change the order they appear in the grid
Setting the option sortable to false cancels both these behaviors, you cannot drag to add and sort columns order anymore.
ui.multiselect.js has been updated since this post, and it now allows you to drag from left to right as well. It also allows you to load data from an external source now. You can check it out here.
If I have a a number of elements in one table column and I drag them one at a time to another column utilizing jQuery UI, how do I make remaining items in the first column move up, i.e. fill the gap left by the items that were moved. Assuming table cell valign="top".
I think it has to do something with DOM. It seems that even after I drag the item is it still in the same column.
You might want to use jquery ui's sortable instead.
http://jqueryui.com/demos/sortable/#connect-lists
You can connect lists and anything moved from one list will move the remaining elements to fill any gaps
However you are not giving us any code/markup to work with so I can only guess. Hope this helps!