Topic: Row Editor buttons
martina-otoolebsci-com asked 5 years ago
Hi,
I am using the Row Editor template described on this page:
https://mdbootstrap.com/plugins/jquery/table-editor/
The grid is displaying but the buttons do not work. what are the javascript files and css files needed to make this example work?
Mateusz Łubianka staff answered 5 years ago
Hi,
CSS:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
<!-- Bootstrap core CSS -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="../css/mdb.min.css" rel="stylesheet">
<!-- Your custom styles (optional) -->
<link href="../css/style.min.css" rel="stylesheet">
<link rel="stylesheet" href="../css/addons/datatables.min.css">
<link rel="stylesheet" href="../css/addons/table-editor.min.css">
JS:
<!-- SCRIPTS -->
<!-- JQuery -->
<script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="../js/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="../js/mdb.min.js"></script>
<script type="text/javascript" src="../js/addons/datatables.min.js"></script>
<script type="text/javascript" src="../js/addons/mdb-editor.js"></script>
<script>
$('#dtBasicExample, #dtBasicExample-1, #dt-more-columns, #dt-less-columns').mdbEditor({
modalEditor: true
});
$('.dataTables_length').addClass('bs-select');
</script>
You should know this is plugin component. To get more info visit "Getting started" tab: https://mdbootstrap.com/plugins/jquery/table-editor/
Best,
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: PC
- Browser: Edge
- OS: Windows 10
- Provided sample code: No
- Provided link: Yes