jquery-tabledit
jquery-tabledit copied to clipboard
tabledit with bootstrap 4 and fontawesome (glyphicon)
--- ori/jquery.tabledit.js 2018-08-21 21:48:40.000000000 +0200
+++ ../common2/tabledit/js/jquery.tabledit.js 2018-09-05 13:53:51.557617829 +0200
@@ -1077,12 +1077,12 @@
buttons: {
edit: {
class: 'btn btn-sm btn-default',
- html: '<span class="glyphicon glyphicon-pencil"></span>',
+ html: '<i class="fas fa-edit"></i>',
action: 'edit'
},
delete: {
class: 'btn btn-sm btn-default',
- html: '<span class="glyphicon glyphicon-trash"></span>',
+ html: '<i class="far fa-trash-alt"></i>',
action: 'delete'
},
save: {
Bootstrap 4 doesn't support glyphicon out-of-the-box. One way to solve this is by using fontawesome 5 as in the example above.
--- ori/jquery.tabledit.js 2018-08-21 21:48:40.000000000 +0200 +++ ../common2/tabledit/js/jquery.tabledit.js 2018-09-05 13:53:51.557617829 +0200 @@ -1077,12 +1077,12 @@ buttons: { edit: { class: 'btn btn-sm btn-default', - html: '<span class="glyphicon glyphicon-pencil"></span>', + html: '<i class="fas fa-edit"></i>', action: 'edit' }, delete: { class: 'btn btn-sm btn-default', - html: '<span class="glyphicon glyphicon-trash"></span>', + html: '<i class="far fa-trash-alt"></i>', action: 'delete' }, save: {
Bootstrap 4 doesn't support glyphicon out-of-the-box. One way to solve this is by using fontawesome 5 as in the example above.
how to change action column/buttons width