/bootstrap-datatables-project

A Bootstrap Datatables Project

Primary LanguageHTMLMIT LicenseMIT

Bootstrap DataTables Project

This project demonstrates how to use Bootstrap 4 and DataTables with AJAX to create a responsive and interactive table.

Additionally, it showcases the Bootstrap 4 grid system with various examples.

Features

  • Bootstrap 4: Utilized for responsive design and styling.
  • DataTables: Provides advanced interaction controls to HTML tables.
  • AJAX: Dynamically loads data from a server-side script.
  • PHP: Serves the JSON data.

Project Structure

bootstrap-datatables-project/
├── .gitignore
├── index.html
├── data.json
├── data.php
├── grid-example.html

Setup

  1. Clone the repository:
git clone https://github.com/syldess/bootstrap-grid-datatable-example.git
  1. Navigate into the project directory:
cd bootstrap-grid-datatable-example
  1. Serve the project with PHP:
php -S localhost:8000
  1. Open your browser and go to:
`http://localhost:8000/index.html` for the DataTable example.
`http://localhost:8000/grid-example.html` for the Bootstrap Grid example.

Visual Examples

Bootstrap Grid Example

Datatables Examples

Contributing

  • Fork the repository.
  • Create your feature branch (git checkout -b feature/new-feature).
  • Commit your changes (git commit -m 'Add some feature').
  • Push to the branch (git push origin feature/new-feature).
  • Open a pull request.

License

This project is licensed under the MIT License.

Made with ❤️ by syldess