t-edson / bootstable Goto Github PK

Customize the Input type is a must

 $("#table-list").SetEditable({
        columnsEd: "0,1,2,3,4,5,6",
        columnsType:"date,,number"
    });

how can i integrate with dynamic data using ajax in datatable and update values of it.

stickyTableHeaders is very useful for tables with a lot of rows. There is, however, a problem when using it with bootstable.js: when you add a new line, it is twice long as expected. This comes from stickyTableHeaders which doubles the first header row.
The solution is simple, just add a single line to the rowAddNew( ) function in bootstable.js:
if ($(this).attr('name')=='buttons') {
//Es columna de botones
htmlDat = htmlDat + colEdicHtml; //aggregate botones
return false;// <=Add this line to break the loop, this does not interfere with the script even if we do not use stickyTableHeaders
} else {

After right clicking google translate, the table is not editable, but rows deleted on selection.
Tested in Google Chrome browser, And <font style= tag alone is displayed as a result of translation.

Hi, First thanks for this great library.

I just want to know that how can I get values of input text onEdit, onDelete and onAdd functions of the which I edit and update the same in database using ajax.

I am going to use this table in my form.
when I click add new, this form will be submit automatically.
any other problem?

Creating a button and then adding $addButton: $('#but_add') to the params does work well when creating a new row. But shouldn't it transfer the new (now empty) row into input boxes directly?

Hi there!

I've been using your library to extend the functionality of a table on my website. I figured out how to get the content of a row when a row is edited:

     onEdit: function(columnsEd) {   
          var orgName = columnsEd[0].childNodes[0].innerHTML;
          var contact = columnsEd[0].childNodes[1].innerHTML;
          var number = columnsEd[0].childNodes[2].innerHTML;
          var email = columnsEd[0].childNodes[3].innerHTML;
          var notes = columnsEd[0].childNodes[4].innerHTML;
          editOrg(orgName, contact, number, email, notes);
     }

But, I can't figure out how to get the content of a row when the onDelete function is called:

     onDelete: function() {
            // somehow get content of deleted row
      }

Any help would be appreciated! Thanks.

Hi Very nice Job congratulations ¡¡¡¡

I like to use your bootstable.min.js code. But i have one doubt , bootstrap-table.min.js have a function to get all the values in a table, and then can send all the values to a json object ($table.bootstrapTable('getData') ), its posible do a similar function compatible with your code ?

 $Guardadatos.click(function () {
  	 // alert(JSON.stringify($table.bootstrapTable('getData')));
  	  var datos = JSON.stringify($table.bootstrapTable('getData'));
  	  //var obj=JSON.parse(datos);
        var obj = jQuery.parseJSON(datos);
        console.log(obj);
        
    });

Thanks

Hi,
Nice job, exactly what I was looking for. Thanks a lot.

Is it possible to avoid some rows to be edited ?

I'm struggling with the feedback of the function TableToCSV not returning the value to the variable.
Syntax in the HTML file looks like :

$List = ""
...
$List = TableToCSV('table-list',',')

but $List remains empty. Any suggestion if the call of the function needs to be changed ?

Also, there is a type error in safari browser.

TypeError: params.$addColButton.click is not a function. (In 'params.$addColButton.click(function() {
rowAddNewCol($tabedi.attr("id"));
})', 'params.$addColButton.click' is undefined)

I have an issue when using bootstable, the edit and delete buttons are appearing twice on each row.
See image below.