pandas to JavaScript with bootstable
this might be a noob question because i'm a new dev
i've been researching for best ways to render all pandas result on HTML and manipulate it with javascript (not Jquery)
i've checked many opensource including (handsontable) and (tabulator) but they weren't free for commercial use or had many restrictions with it & requires many modifications for every table/file.
i came across (bootstable) which was perfect as it transformed my pandasDf.to_html to an editable table right away but sadly it uses jquery which is a bit heavy library that i'm trying not to use as i don't think Javascript 6 is hard and fairly easy to use so there's no point to learn jquery
the problem is
bootstable is not really backed by many so there's not that many resources about it to master it
so i'm looking for any alternative that can do the same - i couldn't find resources for editablegrid either but i have my eye's sit on it as well
or if it's possible to use bootstable with "javascript" instead of "jquery" , is it possible ( i know the it is jquery based ) ?
for example how to transfer this code into JS
$('#makeEditable').SetEditable({ $addButton: $('#but_add')});
also it uses bootstrap-CNB linked , how safe is it to use a linked library in my code ? also it's a bit slower
If not can you suggest a different table library for me as a new dev?
javascript jquery pandas flask bootstrap-4
asked Nov 22 '18 at 16:31
za001aza001a
909
add a comment |
this might be a noob question because i'm a new dev
i've been researching for best ways to render all pandas result on HTML and manipulate it with javascript (not Jquery)
i've checked many opensource including (handsontable) and (tabulator) but they weren't free for commercial use or had many restrictions with it & requires many modifications for every table/file.
i came across (bootstable) which was perfect as it transformed my pandasDf.to_html to an editable table right away but sadly it uses jquery which is a bit heavy library that i'm trying not to use as i don't think Javascript 6 is hard and fairly easy to use so there's no point to learn jquery
the problem is
bootstable is not really backed by many so there's not that many resources about it to master it
so i'm looking for any alternative that can do the same - i couldn't find resources for editablegrid either but i have my eye's sit on it as well
or if it's possible to use bootstable with "javascript" instead of "jquery" , is it possible ( i know the it is jquery based ) ?
for example how to transfer this code into JS
$('#makeEditable').SetEditable({ $addButton: $('#but_add')});
also it uses bootstrap-CNB linked , how safe is it to use a linked library in my code ? also it's a bit slower
If not can you suggest a different table library for me as a new dev?
javascript jquery pandas flask bootstrap-4
asked Nov 22 '18 at 16:31
za001aza001a
909
add a comment |
this might be a noob question because i'm a new dev
i've been researching for best ways to render all pandas result on HTML and manipulate it with javascript (not Jquery)
i've checked many opensource including (handsontable) and (tabulator) but they weren't free for commercial use or had many restrictions with it & requires many modifications for every table/file.
i came across (bootstable) which was perfect as it transformed my pandasDf.to_html to an editable table right away but sadly it uses jquery which is a bit heavy library that i'm trying not to use as i don't think Javascript 6 is hard and fairly easy to use so there's no point to learn jquery
the problem is
bootstable is not really backed by many so there's not that many resources about it to master it
so i'm looking for any alternative that can do the same - i couldn't find resources for editablegrid either but i have my eye's sit on it as well
or if it's possible to use bootstable with "javascript" instead of "jquery" , is it possible ( i know the it is jquery based ) ?
for example how to transfer this code into JS
$('#makeEditable').SetEditable({ $addButton: $('#but_add')});
also it uses bootstrap-CNB linked , how safe is it to use a linked library in my code ? also it's a bit slower
If not can you suggest a different table library for me as a new dev?
javascript jquery pandas flask bootstrap-4
asked Nov 22 '18 at 16:31
za001aza001a
909
this might be a noob question because i'm a new dev
i've been researching for best ways to render all pandas result on HTML and manipulate it with javascript (not Jquery)
i've checked many opensource including (handsontable) and (tabulator) but they weren't free for commercial use or had many restrictions with it & requires many modifications for every table/file.
i came across (bootstable) which was perfect as it transformed my pandasDf.to_html to an editable table right away but sadly it uses jquery which is a bit heavy library that i'm trying not to use as i don't think Javascript 6 is hard and fairly easy to use so there's no point to learn jquery
the problem is
bootstable is not really backed by many so there's not that many resources about it to master it
so i'm looking for any alternative that can do the same - i couldn't find resources for editablegrid either but i have my eye's sit on it as well
or if it's possible to use bootstable with "javascript" instead of "jquery" , is it possible ( i know the it is jquery based ) ?
for example how to transfer this code into JS
$('#makeEditable').SetEditable({ $addButton: $('#but_add')});
also it uses bootstrap-CNB linked , how safe is it to use a linked library in my code ? also it's a bit slower
If not can you suggest a different table library for me as a new dev?
javascript jquery pandas flask bootstrap-4
javascript jquery pandas flask bootstrap-4
asked Nov 22 '18 at 16:31
za001aza001a
909
asked Nov 22 '18 at 16:31
za001aza001a
909
asked Nov 22 '18 at 16:31
za001aza001a
909
asked Nov 22 '18 at 16:31
za001aza001a
909
asked Nov 22 '18 at 16:31
za001aza001a
909
909
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
Tabulator is licensed under MIT so it is completely free for commercial use.
If you have an example of the format of the data you wish to load into the table i can easily show you how to do it. if it is an HTML table then it is as simple as defining the tabulator on the table element:
var table = new Tabulator("#example-table", {});
See the HTML table data loading example for more information
answered Nov 22 '18 at 22:14
Oli FolkerdOli Folkerd
1,50311116
I gave it a try the table is so messed up with tabulator , all index (1-38) have turned into columns and many columns data are messed up , they are not in the right column , i can't see any tutorial online or documentations about how to use it properly , or maybe how to install it right
– za001a
Nov 25 '18 at 16:18
stackoverflow.com/questions/53470273/…
– za001a
Nov 25 '18 at 17:55
I have left a comment on your new post for you
– Oli Folkerd
Nov 25 '18 at 18:43
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53435057%2fpandas-to-javascript-with-bootstable%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Tabulator is licensed under MIT so it is completely free for commercial use.
If you have an example of the format of the data you wish to load into the table i can easily show you how to do it. if it is an HTML table then it is as simple as defining the tabulator on the table element:
var table = new Tabulator("#example-table", {});
See the HTML table data loading example for more information
answered Nov 22 '18 at 22:14
Oli FolkerdOli Folkerd
1,50311116
I gave it a try the table is so messed up with tabulator , all index (1-38) have turned into columns and many columns data are messed up , they are not in the right column , i can't see any tutorial online or documentations about how to use it properly , or maybe how to install it right
– za001a
Nov 25 '18 at 16:18
stackoverflow.com/questions/53470273/…
– za001a
Nov 25 '18 at 17:55
I have left a comment on your new post for you
– Oli Folkerd
Nov 25 '18 at 18:43
add a comment |
Tabulator is licensed under MIT so it is completely free for commercial use.
If you have an example of the format of the data you wish to load into the table i can easily show you how to do it. if it is an HTML table then it is as simple as defining the tabulator on the table element:
var table = new Tabulator("#example-table", {});
See the HTML table data loading example for more information
answered Nov 22 '18 at 22:14
Oli FolkerdOli Folkerd
1,50311116
I gave it a try the table is so messed up with tabulator , all index (1-38) have turned into columns and many columns data are messed up , they are not in the right column , i can't see any tutorial online or documentations about how to use it properly , or maybe how to install it right
– za001a
Nov 25 '18 at 16:18
stackoverflow.com/questions/53470273/…
– za001a
Nov 25 '18 at 17:55
I have left a comment on your new post for you
– Oli Folkerd
Nov 25 '18 at 18:43
add a comment |
Tabulator is licensed under MIT so it is completely free for commercial use.
If you have an example of the format of the data you wish to load into the table i can easily show you how to do it. if it is an HTML table then it is as simple as defining the tabulator on the table element:
var table = new Tabulator("#example-table", {});
See the HTML table data loading example for more information
answered Nov 22 '18 at 22:14
Oli FolkerdOli Folkerd
1,50311116
Tabulator is licensed under MIT so it is completely free for commercial use.
If you have an example of the format of the data you wish to load into the table i can easily show you how to do it. if it is an HTML table then it is as simple as defining the tabulator on the table element:
var table = new Tabulator("#example-table", {});
See the HTML table data loading example for more information
answered Nov 22 '18 at 22:14
Oli FolkerdOli Folkerd
1,50311116
answered Nov 22 '18 at 22:14
Oli FolkerdOli Folkerd
1,50311116
answered Nov 22 '18 at 22:14
Oli FolkerdOli Folkerd
1,50311116
answered Nov 22 '18 at 22:14
Oli FolkerdOli Folkerd
1,50311116
1,50311116
I gave it a try the table is so messed up with tabulator , all index (1-38) have turned into columns and many columns data are messed up , they are not in the right column , i can't see any tutorial online or documentations about how to use it properly , or maybe how to install it right
– za001a
Nov 25 '18 at 16:18
stackoverflow.com/questions/53470273/…
– za001a
Nov 25 '18 at 17:55
I have left a comment on your new post for you
– Oli Folkerd
Nov 25 '18 at 18:43
add a comment |
I gave it a try the table is so messed up with tabulator , all index (1-38) have turned into columns and many columns data are messed up , they are not in the right column , i can't see any tutorial online or documentations about how to use it properly , or maybe how to install it right
– za001a
Nov 25 '18 at 16:18
stackoverflow.com/questions/53470273/…
– za001a
Nov 25 '18 at 17:55
I have left a comment on your new post for you
– Oli Folkerd
Nov 25 '18 at 18:43
I gave it a try the table is so messed up with tabulator , all index (1-38) have turned into columns and many columns data are messed up , they are not in the right column , i can't see any tutorial online or documentations about how to use it properly , or maybe how to install it right
– za001a
Nov 25 '18 at 16:18
I gave it a try the table is so messed up with tabulator , all index (1-38) have turned into columns and many columns data are messed up , they are not in the right column , i can't see any tutorial online or documentations about how to use it properly , or maybe how to install it right
– za001a
Nov 25 '18 at 16:18
stackoverflow.com/questions/53470273/…
– za001a
Nov 25 '18 at 17:55
stackoverflow.com/questions/53470273/…
– za001a
Nov 25 '18 at 17:55
I have left a comment on your new post for you
– Oli Folkerd
Nov 25 '18 at 18:43
I have left a comment on your new post for you
– Oli Folkerd
Nov 25 '18 at 18:43
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53435057%2fpandas-to-javascript-with-bootstable%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
