I have been playing around with AG-Grid and vue. I am looking to replace the default message in the Column drop panel for grouping (circled in the screenshot).
I have looked through the documentation but I did not find a way to overwrite it (not sure if i have missed reading some).
Am thinking of using the document selector to override the text but thought of checking with the community here to see if there's a cleaner approach. Thanks.
You can define localeText to achieve this.
Use rowGroupColumnsEmptyMessage key for localeText.
Reference: Using localeText
<ag-grid-angular
...
[localeText]="localeText"
></ag-grid-angular>
Related
I really like the commenting interface employed by Medium, allowing users to highlight a portion of an article and comment on that specific part.
I would like to implement a similar commenting facility in a VueJS app.
I found this package which does something similar: http://aroc.github.io/side-comments-demo/, but I want to try to find something that has been updated more recently. Also, it requires jquery, which I don't currently use and I would like to avoid adding that dependency if possible.
I would love to know if anyone has seen anything that could help.
I have created a sample at https://codesandbox.io/s/medium-style-text-select-comment-box-h5o9r
Here I am adding the comments component to the root component such that it is available globally. On component mount() hook, I am attaching a mouseup method to the window object where any selections done are checked using
if (window.getSelection() && !window.getSelection().isCollapsed) {
//execute only with the getSelection() method is available
//and the current selection is not collapsed
}
Once we do have a selection, the position on the page is calculated using the selection position and its dimensions and the floating comments component is positioned accordingly.
We can get the selected text using
window.getSelection().toString();
I would advise you to go through the sandbox as there are a lot of things going on which are not in this answer.
I am trying to display rows of my tables in different colors .
Please help me to achieve this. Please provide sample code to do same.
Thanks.
Regards,
vyankatesh
Vyankatesh,
you probably saw the answers on the qooxdoo mailing list.
To sum it up here: You either create your own RowRenderer and set it via qx.ui.table.Table.setDataRowRenderer(). Or you set up a conditional CellRenderer and set it via qx.ui.table.Table.getTableColumnModel().setDataCellRenderer(). (There might be a unified way to do either through the Table or the TableModel, but I'm not aware of it).
I need a grid that can be filled using ajax.
I need to sort, filter and select.
Thanks!
The ext grid is rather full featured
http://www.extjs.com/deploy/dev/examples/#sample-3
Check out jqGrid - it has all of the features you need and more :)
As mentioned jqGrid is probably your best bet. If you are wanting to be able to intercept the data before passing to the grid, that's pretty easily done too. by setting datatype to a function, you can manipulate the loading however you like, then push tlo the grid via addJSONData() when you are done frobbing.
If you have some more specific questions, I'd suggest expanding a bit. Also, it looks like you might want to check existing questions and answers here.
The dojox grid is also a good option: Documentation here.
Check out the YUI library.
I would like to implement some "Drag-select" functionality into a project of mine but i'm unsure how to implement it.
The creation of the selection area is not a problem, it's the capturing of elements within the area itself which is confusing me.
A jQuery example found here.
Selectable Demo
If you can use jquery there are some plugins that do this operation. Anyway you can check if the position of the element is contained into the selection area coordinates and, if it is, you select it.
Script.aculo.us has a nice implementation of drag-n-drop, but then you have to include this rather large library. Or you could investigate how they done it for that matter, since its open-source.
I'm looking to utilize jQuery to handle a few very common requests we get for data tables of varying sizes: scrolling, sorting, and dynamic filtering.
I've handled scrolling in the past by having two separate tables with fixed width columns, along with associated div containers for the "actual" scrolling. However, this method doesn't work with any of the jQuery-based sorting table extensions that I've come across (tablesorter being my favorite so far) as they want everything in a single table.
For filtering, they're requesting something akin to how Excel and SharePoint lists do it (basically all column values are listed in a dropdown, allowing the user to select/deselect them). I haven't seen anything like that yet, although it sounds possible.
One other related nice-to-have feature would be the ability to "freeze" a column for horizontal scrolling.
Ideally I'd like an existing extenstion, but if none are out there I'd also appreciate suggestions from any jQuery gurus on how to best implement it. My current thoughts are to dive into tablesorter and extend/update it as necessary.
To hopefully keep things focused, paging is not an option (along with anything server based, for that matter).
Update:
I do appreciate the answers so far, but none of the options given so far touch on the filtering aspect at all (that said, I must admit that jqGrid looks very good for some future projects I have). In the meantime I'll work on a custom filtering solution; if it works out I'll update again.
I came across this question as I was searching for a sortable table plugin myself; I really wasn't impressed with any of the suggested widgets, but later I discovered DataTables, and I was quite impressed. I recommend checking it out.
Maybe this excellent plug-in could do it:
Demo page
It's called jQGrid, here is the project page:
http://plugins.jquery.com/project/jqGrid
I would encourage you to try out the Flexigrid.
It has a lot of great features and I personally think it looks more professional than the jqGrid.
It doesn't have some of the features that you asking for, but I think it could be a good start. It would be great if you could work on adding some of those features to the code base.
If you are coding in c#, then I posted a blog entry about how to use LINQ to Reflection to bind JSON to the Flexigrid... if you are using another language there are other examples you can find on Flexigrid's Website & Google Group page.
a simple jQuery Scrollable Table Plugin
As mentioned in my update, I ended up using a custom filtering extension (closed source, unfortunately). I've recently started using SlickGrid and it's now my go-to grid.
I'd like to add the Laravel flavored DataTables (GitHub, jquery DataTables API) - perfect if you already work with PHP/Laravel.
Extra, koalyptus/TableFilter another custom filter table (actually, my fav).