Stack Overflow
Stack Overflow

Questions tagged [jsgrid]

jsGrid is a lightweight client-side data grid control based on jQuery

About

jsGrid is a lightweight client-side data grid control based on jQuery. It supports basic grid operations like inserting, filtering, editing, deleting, paging and sorting. jsGrid is flexible and allows to customize appearance and components.

Links

231 questions
8
votes
2 answers

jsgrid multiple custom control buttons?

I would like to add multiple custom control buttons so I can add a custom click event to the buttons. The issue I am having is the delete button is only shown. I would like both the edit and delete buttons shown in every row. I have the following…
dottedquad
  • 1,371
  • 6
  • 24
  • 55
7
votes
3 answers

Loading jsGrid by calling Controller/WebService in MVC

Am really struggling to load the jsGrid using Controller service. Am not able to do it correctly. I even tried the sample code from the jsGrid site demo but that too didn't work either it throws error at !this.data.length or grid doesn't load at…
Joshua I
  • 550
  • 3
  • 8
  • 22
7
votes
7 answers

How to make column hidden in jsGrid?

I am using jsGrid in my project and now I am stuck here to hide a column that is being used in code but should not be displayed in page. The grid I am using is : jsGrid I have tried to take input control hidden but, still it doesn't work. The…
Shell
  • 6,818
  • 11
  • 39
  • 70
5
votes
2 answers

How do I update the data in jsGrid without the ability to use AJAX in the loadData() controller? (The array isn't finished populating yet)

I can display static data data: ary and I'm successful with updating, deleting, inserting, and filtering said static data: controller: { loadData: function (filter) { return $.grep(ary, function (obj, index) { return …
NamedArray
  • 773
  • 3
  • 10
  • 25
4
votes
1 answer

jsgrid returns blank line after update

After giving an update via ajax in jsgrid the line returns blank controller: { loadData: function(filter) { var data = $.Deferred(); $.ajax({ type: "GET", contentType: "application/json; charset=utf-8", …
sNniffer
  • 210
  • 2
  • 19
4
votes
1 answer

Unable to Filter and Show data on JSGrid using Form inside Modal

I am using JSGrid for the table. Jsgrid documentation link. Above the table I have made a button called "Filter". I want to filter the data of the Jsgrid table based on the Filter_form data. I have been implementing this by calling an onclick…
Unnati
  • 348
  • 5
  • 18
4
votes
1 answer

Bootstrap theme for JSGrid

My application is using Bootstrap and for a certain functionality JSGrid is very adequate, but JSgrid has its own colors and styles. Please let me know if you know of any Bootstrap themed JSGrid css.
RobLudlmsFrn
  • 83
  • 7
4
votes
1 answer

js-grid output height restriction issues - Cannot control overflow of output

I am currently using js-grid to surface data returned from a database query as part of a web application. All features seem to operate as I would like; however, when the data returned leads to the height of the overall grid being greater than that…
Allan Macritchie
  • 73
  • 1
  • 11
4
votes
3 answers

Loading js-grid then filtering data

I have data being pulled from a db using php and then passed into javascript to load js-grid. I also have a dropdown populated with php containing the default value selected and stored by the user. My goal is to populate the grid with all data…
koerbcm
  • 340
  • 1
  • 2
  • 13
3
votes
1 answer

How to print raw HTML code in a column in jsGrid?

I have a HTML data for a column and I want to print it without interpreting the HTML. He is my code $(function() { $("#grid").jsGrid({ width: "100%", height: "400px", filtering: true, editing: true, sorting:…
Jezreel
  • 33
  • 5
3
votes
2 answers

How customize the validators alerts in jsGrid?

I can not find a way to customize validator alerts in jsGrid. I can change the validation rule, but I need to use a custom function and remove the alert. Also I can not find a reference to the Invalid data entered! Message, which is the default in…
Vinicius Gabriel
  • 239
  • 1
  • 14
3
votes
3 answers

Highlight selected jsGrid row

I found this example which highlights a row after it has been selected but the problem with it is that it keeps the previous row(s) highlighted after another one has been selected. Here's part of the code //js rowClick: function(args) { var…
Jolan
  • 681
  • 12
  • 39
3
votes
1 answer

loadData just won't work

Below is my complete code. There are no errors and Directory is empty is shown.