PHPackages                             datatables.net/datatables.net-bs4 - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. datatables.net/datatables.net-bs4

ActiveLibrary[Utility & Helpers](/categories/utility)

datatables.net/datatables.net-bs4
=================================

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. This is DataTables with styling for \[Bootstrap4\](https://getbootstrap.com/docs/4.6/getting-started/introduction/)

2.3.8(2mo ago)2925.5k↓37.4%25[1 PRs](https://github.com/DataTables/Dist-DataTables-Bootstrap4/pulls)15MITCSSCI passing

Since Feb 9Pushed 2w ago2 watchersCompare

[ Source](https://github.com/DataTables/Dist-DataTables-Bootstrap4)[ Packagist](https://packagist.org/packages/datatables.net/datatables.net-bs4)[ Docs](http://www.datatables.net/)[ RSS](/packages/datatablesnet-datatablesnet-bs4/feed)WikiDiscussions master Synced yesterday

READMEChangelog (6)Dependencies (4)Versions (35)Used By (15)

DataTables with [Bootstrap4](https://getbootstrap.com/docs/4.6/getting-started/introduction/) styling
=====================================================================================================

[](#datatables-with-bootstrap4-styling)

This package contains distribution files required to style [DataTables table enhancement library](https://datatables.net) with styling integration for [Bootstrap4](https://getbootstrap.com/docs/4.6/getting-started/introduction/).

DataTables is a table enhancing library which adds features such as paging, ordering, search, scrolling and many more to a static HTML page. A comprehensive API is also available that can be used to manipulate the table. Please refer to the [DataTables web-site](//datatables.net) for a full range of documentation and examples.

Installation
------------

[](#installation)

### Browser

[](#browser)

To use DataTables with a simple `` tag, rather than using this package, it is recommended that you use the [DataTables download builder](//datatables.net/download) which can create CDN or locally hosted packages for you, will all dependencies satisfied.

### npm

[](#npm)

For installation via npm, yarn and other similar package managers, install this package with your package manager - e.g.:

```
npm install datatables.net-bs4

```

Then, to load and initialise DataTables in your code use:

```
import DataTable from 'datatables.net-bs4';

new DataTable('#myTable', {
    // initialisation options
});

```

If you are using an old version of Node or a CommonJS loader, you might need to use the `require` syntax:

```
const DataTable = require('datatables.net-bs4');

new DataTable('#myTable', {
    // initialisation options
});

```

Documentation
-------------

[](#documentation)

Full documentation of the DataTables options, API and plug-in interface are available on the [website](https://datatables.net/reference/index). The site also contains information on the wide variety of plug-ins that are available for DataTables, which can be used to enhance and customise your table even further.

Bug / Support
-------------

[](#bug--support)

Support for DataTables is available through the [DataTables forums](//datatables.net/forums) and [commercial support options](//datatables.net/support) are available.

### Contributing

[](#contributing)

If you are thinking of contributing code to DataTables, first of all, thank you! All fixes, patches and enhancements to DataTables are very warmly welcomed. This repository is a distribution repo, so patches and issues sent to this repo will not be accepted. Instead, please direct pull requests to the [DataTables/DataTablesSrc](http://github.com/DataTables/DataTablesSrc). For issues / bugs, please direct your questions to the [DataTables forums](//datatables.net/forums).

License
-------

[](#license)

This software is released under the [MIT license](//datatables.net/license). You are free to use, modify and distribute this software, but all copyright information must remain.

###  Health Score

55

—

FairBetter than 97% of packages

Maintenance92

Actively maintained with recent releases

Popularity40

Moderate usage in the ecosystem

Community26

Small or concentrated contributor base

Maturity54

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 98.1% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~24 days

Recently: every ~31 days

Total

34

Last Release

67d ago

Major Versions

1.13.10 → 2.0.02024-02-15

1.x-dev → 2.0.12024-02-27

2.3.7 → 3.0.0-beta.12026-04-01

2.3.8 → 3.0.0-beta.22026-04-27

### Community

Maintainers

![](https://www.gravatar.com/avatar/fef79eb9ddadbdfa1d829339a87ee86f6f8615d904280fe947dfc04893901a7e?d=identicon)[DataTables](/maintainers/DataTables)

---

Top Contributors

[![AllanJard](https://avatars.githubusercontent.com/u/84905443?v=4)](https://github.com/AllanJard "AllanJard (931 commits)")[![SandyDatatables](https://avatars.githubusercontent.com/u/51116928?v=4)](https://github.com/SandyDatatables "SandyDatatables (17 commits)")[![maru3l](https://avatars.githubusercontent.com/u/3959911?v=4)](https://github.com/maru3l "maru3l (1 commits)")

---

Tags

jquerydatatablesbootstraptablebootstrap4

### Embed Badge

![Health badge](/badges/datatablesnet-datatablesnet-bs4/health.svg)

```
[![Health](https://phpackages.com/badges/datatablesnet-datatablesnet-bs4/health.svg)](https://phpackages.com/packages/datatablesnet-datatablesnet-bs4)
```

###  Alternatives

[datatables.net/datatables.net-bs5

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. This is DataTables with styling for \[Bootstrap5\](https://getbootstrap.com/)

2193.4k18](/packages/datatablesnet-datatablesnet-bs5)[datatables.net/datatables.net-bs

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. This is DataTables with styling for \[Bootstrap\](https://getbootstrap.com/docs/3.3/)

161.6k14](/packages/datatablesnet-datatablesnet-bs)[datatables.net/datatables.net-dt

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. This is DataTables with styling for \[DataTables\](https://datatables.net/)

1840.2k15](/packages/datatablesnet-datatablesnet-dt)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)