How can I put custom button (Style Bootstrap) in the row "Command"

< th data-column-id="commands" data-formatter="commands" data-sortable="false">Commands < /th >

< td class="text-left"> < button type="button" class="btn btn-default" aria-label="Left Align" > < span class="glyphicon glyphicon-align-left" aria-hidden="true" >< /span > < /button > < /td >

When Run the Application don't show me the button in that row. any suggestion?

I am trying to get data from json using bootgrid, the data can be display to grid, but its pagination and search are not working. I tried to debug, but no error was displayed.

$(document).ready(function(){ $("#grid-command-buttons").bootgrid( { ajax: true, url: "/newspider/test.do", }); })

In servlet , I use out.print(jsonObject) to html,could you tell me why not working?

How can I customize the rows according to some value in my JSON response.

I have an attribute in my objects that tells me which object are enabled or disabled.

With this value in hand I want to change the entire row color.

What is the better way to do that?

My regards Amandio Magalhães.

And happy new year.

Is there any way i can get the data from the grid (full record set or search filtered data) and use it to convert to something like csv or does the grid support excel export?

The current post variable is not the same for next/prev links and the page number links. Clicking page 2 results in sending current variable as 2 (which is ok) but when clicking next link while on page 1 results in sending 11. This makes server-side processing impossible since we have 2 different values 2 and 11. Can you please fix this.

on selecting a particular date range and clicking a button "populate" a ajax call populates the grid. But if I changes the date range and click populate the grid doesn't get reinitialize. The data on the grid shows the records of the previous data range. Grid doesn't get reinitialize. How to do reinitialize the grid??

It would be nice to have that feature build-in. Currently when I'm sending JSON as string from requestHandler, the contentType is set to "application/x-www-form-urlencoded", which cannot be interpreted correctly on server-side.

Hi rstaib, basically I want to be able to control which column should be used for sorting by default. I've tried using http://www.jquery-bootgrid.com/Documentation#methods > sort, but don't seem to be able to make it work? Any hint will be appreciated?

Cheers!

I think the decision to use POST to submit page and search parameters to the server is not only incompatible with REST (see here for a discussion http://restcookbook.com/HTTP%20Methods/put-vs-post/), it also makes it awkward to design a decent REST service and worst of all it breaks caching.

I would like for example my bootgrid to query my service at /stuff/ and when I want to add to stuff I can just POST to /stuff/. Right now, even though this is feasible, I need to differentiate based on the POST body, which is far from ideal.

Is there a chance to revert the decision and use GET at all times when bootgrid reads data ?

I have a situation where I need to display HTML links in a table cell. I've experimented with using a formatter like your commands example. The problem is that I need to check user permissions as I build the links, so I need to build the HTML on the backend instead of in the js. Any suggestions?

I am trying open bootstrap modal in command edit and delete button.

It doesn't work data-toggle="modal" data-target="#confirmation"

Here my jQuery Code $( document ).ready(function() { $("#grid-plant").bootgrid({ caseSensitive: false, columnSelection: false,

        formatters: {
            "commands": function (column, row) {
                return "<button type=\"button\" class=\"btn btn-xs btn-default command-edit\"  data-toggle=\"modal\" data-target=\"#confirmation\"><span class=\"fa fa-pencil\"></span></button> " +
                    "<button type=\"button\" class=\"btn btn-xs btn-default command-delete\" ><span class=\"fa fa-trash-o\"></span></button>";
            }
        }
    })
    });

I am trying to use ajax function in codeignitor to fetch data from the database and show the results in the bootgrid table. I received a valid json from controller. My json response is https://pastebin.com/As7gehP6

My script :

            $(function() {
                        var data = {
                            csrfName: csrfHash
                        };
                        $.ajax({
                                type: 'POST',
                                data: data,
                                dataType: "json",
                                url: '<?php echo base_url();?>Cinvoice/CheckProfarmaInvoiceList',
                                success: function(json, statut) {
            
                                    localStorage.setItem('json', JSON.stringify(json));
                                });
                        });


              var grid = $("#document_data").bootgrid({
                  ajax: false,
                  url: '<?php echo base_url();?>Cinvoice/CheckProfarmaInvoiceList'
              }); 

             grid.bootgrid('append', localStorage.getItem('json'));

But data is not displaying in bootgrid table,the table is empty and Showing 1 to 10 of 1792 entries My output is :

Kindly helpme to solve this issue.

var grid = $("#tblVentas").bootgrid({ labels: { all: "todos", infos: "", loading: "Cargando datos...", noResults: "Ningun resultado encontrado", refresh: "Actualizar", search: "Buscar" }, styling: { columnHeaderText: 'text-center' }, ajax: true, post: function (){ return { '_token': $("meta[name='csrf-token']").attr('content'), id: "b0df282a-0d67-40e5-8558-c9e93b7befed" } }, url: "listar-ventas", formatters: { "commands": function(column, row){ return } } }).on("loaded.rs.jquery.bootgrid", function(){ /* poner el focus en el input de busqueda */ $("#tblVentas-header > div > div > div.search.form-group > div > input").trigger('focus') });

this does not work, the option styling, as in the documentation.

Is it possible to customize and place in new button grp yellow button. I'm able to change css but i'm not able to place it in some other div or position

I need only Item-check Dropdown , I don't require page interval , refresh and search

After adding rows to bootgrid ,I want to delete row from the grid with Json object.

I tried to get rows using var rows=$("#grid-filterFields").bootgrid("getCurrentRows"); which gives me array of Json Objects. I want to remove row which matches to JSON object i provide.

Please let me know how can i do this. I tried with this method,but no luck $("#grid-filterFields").bootgrid("remove", removableJsonData);

I am integrating Jquery bootgrid in my we application but icon are not displaying properly even the search box is also not displaying properly. Please find the screen sort below : Please help me with this.