t-edson / bootstable Goto Github PK
View Code? Open in Web Editor NEWJavascript library to make HMTL tables editable, using Bootstrap
License: GNU General Public License v3.0
Javascript library to make HMTL tables editable, using Bootstrap
License: GNU General Public License v3.0
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 ?
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.
No issue, just using this to communicate. This is really cool code! Thanks for sharing. I didn't need the add and delete buttons, so a fair amount of rewrite was required. Thought you might be interested in a fork of your code: https://github.com/mike99mac/mariacmdb/blob/main/srv/www/mariacmdb/bootstable.js
Creating a button and then adding
Hi,
Nice job, exactly what I was looking for. Thanks a lot.
Is it possible to avoid some rows to be edited ?
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 {
I am going to use this table in my form.
when I click add new, this form will be submit automatically.
any other problem?
how can i integrate with dynamic data using ajax in datatable and update values of it.
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
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.
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)
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.