• Stars
    star
    135
  • Rank 260,971 (Top 6 %)
  • Language
    JavaScript
  • License
    Other
  • Created about 9 years ago
  • Updated 2 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Buttons is an extension for DataTables that adds control buttons to the table.

Buttons

The Buttons extension for DataTables provides a common set of options, API methods and styling to display buttons on a page that will interact with a DataTable. Modules are also provided for data export, printing and column visibility control.

Installation

To use Buttons the primary way to obtain the software is to use the DataTables downloader. You can also include the individual files from the DataTables CDN. See the documentation for full details.

NPM and Bower

If you prefer to use a package manager such as NPM or Bower, distribution repositories are available with software built from this repository under the name datatables.net-buttons. Styling packages for Bootstrap, Foundation and other styling libraries are also available by adding a suffix to the package name.

Please see the DataTables NPM and Bower installation pages for further information. The DataTables installation manual also has details on how to use package managers with DataTables.

Basic usage

Buttons is initialised using the buttons option in the DataTables constructor, giving an array of the buttons that should be shown. Further options can be specified using this option as an object - see the documentation for details. For example:

$(document).ready( function () {
    $('#example').DataTable( {
    	buttons: [ 'csv', 'excel', 'pdf', 'print' ]
    } );
} );

Documentation / support

GitHub

If you fancy getting involved with the development of Buttons and help make it better, please refer to its GitHub repo

More Repositories

1

DataTables

Tables plug-in for jQuery
CSS
7,199
star
2

Plugins

Plug-ins for DataTables
JavaScript
1,037
star
3

VisualEvent

Visually show Javascript events on a page
JavaScript
1,017
star
4

DataTablesSrc

DataTables source repository
JavaScript
529
star
5

TableTools

Please note that TableTools has now been retired and replaced by the Buttons and Select extensions which offers significant improvements and API integration with the rest of DataTables and the other extensions.
JavaScript
237
star
6

Responsive

Responsive extension for DataTables, providing support for complex tables on all device screen sizes
JavaScript
146
star
7

Scroller

Virtual scrolling plug-in for DataTables
JavaScript
82
star
8

FixedHeader

Fix the header, footer, left or right columns of a table in place, to always show them when scrolling
JavaScript
73
star
9

FixedColumns

Fix one or more columns in place on a scrolling DataTable
JavaScript
62
star
10

ColReorder

Column reordering plug-in for DataTables
TypeScript
57
star
11

Dist-DataTables

JavaScript
45
star
12

Select

Set of selection API methods and buttons for the DataTables library
JavaScript
43
star
13

ColVis

End user column visibility options plug-in for DataTables
JavaScript
36
star
14

KeyTable

Provides spreadsheet like navigation and event control for DataTables
JavaScript
36
star
15

Vue

Vue plugin for DataTables
Vue
35
star
16

Editor-PHP

PHP server-side libraries for Editor
PHP
34
star
17

RowGroup

RowGrouping extension for DataTables
JavaScript
29
star
18

AutoFill

Excel like auto fill interaction controller for DataTables
JavaScript
29
star
19

Dist-DataTables-Bootstrap4

CSS
27
star
20

SearchBuilder

SearchBuilder extension for DataTables
TypeScript
21
star
21

RowReorder

Row reordering extensions for DataTables
JavaScript
19
star
22

SearchPanes

SearchPanes extension for DataTables
JavaScript
19
star
23

Dist-DataTables-Bootstrap

CSS
15
star
24

Editor-NET

.NET Framework and .NET Core server-side libraries for Editor
C#
12
star
25

Dist-DataTables-DataTables

CSS
12
star
26

JSDoc-DataTables

JSDoc3 template for documenting DataTables and its components
JavaScript
12
star
27

Dist-DataTables-SemanticUI

CSS
10
star
28

Dist-DataTables-Buttons

JavaScript
10
star
29

DateTime

Data / time picker used for DataTables.net components
JavaScript
10
star
30

Dist-DataTables-Bootstrap5

CSS
10
star
31

Editor-Node

NodeJS server-side libraries for Editor
TypeScript
9
star
32

DataTables-Debug-Client

Client-side debugger for DataTables
TypeScript
6
star
33

Dist-DataTables-Responsive

JavaScript
6
star
34

CDN-Server

DataTables CDN server
TypeScript
6
star
35

Dist-DataTables-FixedHeader

JavaScript
5
star
36

Dist-DataTables-Select

JavaScript
5
star
37

Dist-DataTables-RowReorder

JavaScript
4
star
38

Dist-DataTables-RowGroup

JavaScript
4
star
39

Dist-DataTables-ColReorder

JavaScript
3
star
40

Dist-DataTables-Responsive-Bootstrap4

CSS
3
star
41

Dist-DataTables-FixedColumns

JavaScript
3
star
42

Dist-DataTables-Scroller

JavaScript
3
star
43

Dist-DataTables-FixedHeader-Bootstrap4

JavaScript
3
star
44

Dist-DataTables-FixedColumns-Bootstrap

CSS
3
star
45

Dist-DataTables-SearchPanes-Bootstrap4

CSS
3
star
46

Dist-DataTables-SearchPanes

JavaScript
3
star
47

Dist-Editor

DataTables Editor - holding package
JavaScript
3
star
48

Dist-DataTables-KeyTable

JavaScript
3
star
49

Dist-DataTables-Select-jQueryUI

CSS
3
star
50

StateRestore

StateRestore extension for Datatables
JavaScript
2
star
51

Dist-DataTables-KeyTable-jQueryUI

JavaScript
2
star
52

Dist-DataTables-AutoFill

JavaScript
2
star
53

Dist-DataTables-Buttons-Bootstrap

CSS
2
star
54

Dist-DataTables-ColReorder-Bootstrap

JavaScript
2
star
55

Dist-DataTables-AutoFill-Bootstrap

CSS
2
star
56

Dist-DataTables-SearchBuilder

JavaScript
2
star
57

Dist-DataTables-RowReorder-jQueryUI

JavaScript
2
star
58

Dist-DataTables-Buttons-jQueryUI

CSS
2
star
59

Dist-DataTables-FixedHeader-jQueryUI

JavaScript
2
star
60

Dist-DataTables-ColReorder-jQueryUI

JavaScript
2
star
61

Dist-DataTables-Select-SemanticUI

CSS
2
star
62

Type-Detection

JavaScript
2
star
63

Dist-DataTables-RowReorder-Bootstrap4

JavaScript
2
star
64

Dist-DataTables-AutoFill-SemanticUI

CSS
2
star
65

Dist-DataTables-Buttons-Bootstrap5

JavaScript
2
star
66

Dist-DataTables-Buttons-Bootstrap4

CSS
2
star
67

Dist-DataTables-RowReorder-Bootstrap

JavaScript
2
star
68

Dist-DataTables-RowReorder-SemanticUI

JavaScript
2
star
69

Dist-DataTables-RowGroup-jQueryUI

JavaScript
2
star
70

Dist-DataTables-FixedColumns-DataTables

CSS
2
star
71

Dist-DataTables-SearchPanes-SemanticUI

CSS
1
star
72

Dist-DataTables-Responsive-DataTables

CSS
1
star
73

Dist-DataTables-SearchPanes-jQueryUI

CSS
1
star
74

Dist-DataTables-Responsive-jQueryUI

CSS
1
star
75

Dist-DataTables-FixedColumns-Bootstrap4

CSS
1
star
76

Dist-DataTables-Buttons-SemanticUI

CSS
1
star
77

Dist-DataTables-Foundation

CSS
1
star
78

Dist-DataTables-Responsive-Bootstrap

CSS
1
star
79

Dist-DataTables-RowReorder-DataTables

JavaScript
1
star
80

project-references-demo

TypeScript
1
star
81

Dist-DataTables-SearchPanes-DataTables

CSS
1
star
82

Dist-DataTables-SearchPanes-Foundation

CSS
1
star
83

Dist-DataTables-Select-Bootstrap4

CSS
1
star
84

Dist-DataTables-jQueryUI

CSS
1
star
85

Dist-DataTables-SearchPanes-Bootstrap

CSS
1
star