A data table based on bootstrap 5
Note: BS-Datatable v-1.1.0 has no depedency on jquery now
In this repository, two samples are provided to demonstrate how the data-table api can be used for
- Creating a data-table purely in memory - static data
- Create a data-table dependent on the backend for its data and pagination
First lets have a look at the final outcome of the sample app. As we can see in the following screen shots, we have demonstrated two samples, one is based on static in memory data and other one is dynamic and dependent on a backend API.
Steps:
- Clone this repository (https://github.com/mvcguy/bs-datatable-testapp.git)
- Make sure you have installed latest version Node JS (https://nodejs.org)
- For the code editor, i recommend Visual studio code (VS Code) which can be installed from here (https://code.visualstudio.com/)
- Open the cloned repository in VS Code and run the following command from the terminal in VS Code (CTRL + J)
a. npm install
b. npm run build
c. npm run watch
The last command will start express server on port 3000. The application can then be opened from the browser using the url:
http://localhost:3000