Select menu data source
Sort based on the value of the
select options in a column
- Author: Allan Jardine
- Requires: DataTables 1.10+
Read information from a column of select (drop down) menus and return an array to use as a basis for sorting.
This plug-in can be obtained and used in multiple different ways.
This plug-in is available on the DataTables CDN:
The plug-in will then automatically register itself against a global DataTables instance. This file can also be used if you are using an AMD loader such as Require.js.
Note that if you are using multiple plug-ins, it can be beneficial in terms of performance to combine the plug-ins into a single file and host it on your own server, rather than making multiple requests to the DataTables CDN.
datatables.net-plugins package. To use this plug-in, first install the plug-ins package:
npm install datatables.net-plugins
Then, if you are using ES modules, import
datatables.net, any other DataTables extensions you need, and the plug-in:
import DataTable from 'datatables.net'; import 'datatables.net-plugins/sorting/custom-data-source/dom-select.mjs';
If you are using a CommonJS loader for Node (e.g. with older versions of Webpack, or non-module Node code) use the following method to
require the plug-in:
var $ = require('jquery'); var DataTable = require('datatables.net'); require('datatables.net-plugins/sorting/custom-data-source/dom-select.js');
If you have any ideas for how this plug-in can be improved, or spot anything that is in error, it is available on GitHub and pull requests are very welcome!
- This plug-in: dom-select.js
- Full DataTables plug-ins repository: DataTables/Plugins