Skip to content

Commit ef2e44c

Browse files
author
dtbuild
committed
f4362642f46806ad8d2a367914bfe5f92486fe6b New: -init language.lengthLabels option, allowing the options in the page length dropdown to be specified by the language options (including a language file).
DataTables/DataTablesSrc#311 bab210a3fceb72b960d63241b2f2de98a2ba1665 New: External array for ColumnControl content 107bfd50ed4ebcde833bb26e307037e2959cf5cf Merge branch 'master' into 2.3 ff5760ef285dfc1f7108145edb1fd664be21def9 Tests: Update for change to header / footer cells with the `div` wrapper for layout e39d6a74c4d5376b6422cd342acf02bdeb649032 New: Header and footer cell layout now uses flexbox. This incolves a new wrapper `div` in the cells. 24939bca169ba368859398ff3232f1092c5bd16b New: `-init ordering.handler` option which can be used to enable/disable the default column header click-to-order listener. New: `-init ordering.indicator` option which can be used to enable/disable the ordering icons in the table's header cells. Both of these options are useful when working with the new ColumnControl extension to allow maximum flexibility of the UI. Tests and docs added. e2f1d8819b084ad0766530b311e9ecf529cb5420 New: `-api order.listener()` can now accept an array of columns to apply multi-column ordering to when activated. https://datatables.net/forums/discussion/80649 2ae8f68e80b7486e2f6f3b8fd74778e101970016 2.3.0-dev c05a3ad82ae18d0f35ff4d6446a4a71523688b54 Dev: Improve accessability of dark mode syntax highlighter colours cca6cfc1b75e4dc3353ad9ef08e9a0631974319b Merge branch '2.3' of github.com:DataTables/DataTablesSrc into 2.3 4d35b3f079501699e0ee2015dea874c64ba11fd1 Merge branch 'master' into 2.3 88f0b419f937b76632c3d812cc7b5466dc0e8d97 Update: Table footer content now uses the same flexbox layout as the header 57a91fdc22a3c1d5fb3ba2fbd6be20ff5768cc65 Dev: Hide title containers which are empty bf2e2fa6e4b3211065bfb82755ff01e745c98da5 Types: Fix typo b0732f0af8be681452d859f1418f73486c6391a5 Update: `-api destroy()` method for updated header / footer 4d9bf5870e6ee03fc16acbad0e60a5b9d18d28da WIP: Adding a new `titleRow` option - tests failing c3118864df932d9550d538c0d2a44e5bb5a88cde WIP: Continuing work for titleRow 4c7e4e738cd18d725c9788b43742efe4b96d39df New: `-init titleRow` option (replaces `-init orderCellsTop`). This provides the ability to make any row in the header the "title" row. ba819232122fd4077e2ed7534fd2892668a9435d Examples: Don't duplicate an examples server-side code request for Editor 891dc24bae55ac2ce9c7b9d4bd3a18cbdc2d4016 Fix: Extra check f896f32440bebeb3678d1262a5350c8cf78560bb Docs: Clearify the top level selectors ignore what has gone before https://datatables.net/forums/discussion/80762 4dd2fe736b6f755dfb50df49cfa44f0aa6937c46 Docs: Correction to parameter types for `column-visibility` 018d6de6ba97ad93a4ba1ac592c5c250380c435f Fix: When restoring an ordering state using column names, if a name isn't found, don't use column index 0, just ignore. Change column ordering fallback strategy (#333) dc74194fc9ded1051d64223ed1ec1d9fa578b73e Typescript: OrderArray was missing an empty string option for the direction. * Update types.d.ts * Update DataTables.Order.xml d00bb55bdc7b86dec4d6edfc61b7b3111624a55c Updated: When using `-init titleRow` (or the legacy `orderCellsTop`) `-init columns.title` is written to only the title target row. DataTables/DataTablesSrc#287 9bcdd803ce6b94646a2d7c20601dbf94e7692e61 Merge branch '2.3' of github.com:DataTables/DataTablesSrc into 2.3 ee84c9357e1c5a8876298a9a3482895b63888cfa Dev: Add a new table type to control footer for html examples 1cc18c9b4fc8c2514c1799d8958f7561832577d9 Fix: `-api column().search.fixed()` when getting a search that doesn't exist should return `null`. It was returning the column index. ffbac1ac0f82fc693813e85c1eeb1c23f55ae0a3 Dev: When ordering idicators are disabled, the canOrder classes are not added dfa700eafb4be17cc43fbf73cb54443e41e7291a Performance: Faster column selectors. Only building title / name data when needed, and optimised to get the header cells. Performance: Header rendered will only run on ordering cells when column-visibility is triggered. 6a23bbe2026720101759237fe2e0e0edf49af4af New: `-api column().name()` and `-api columns().names()` methods. These are useful if you use `-init columns.name` to help identify columns. 0c7514847c63e4fe176528c1993340231cec1b7f Merge branch '2.3' of github.com:DataTables/DataTablesSrc into 2.3 dce5c8cad4e70355a102d7da1b68fd802fa0a01d Dev: Add typescript types for ordering.indicators and ordering.handler 3eb2c6d264c9c1cd4533d5e7299dd80cfc593619 Update: Safari 8+ supported (it was released in 2014, inline with the DataTables 10 year policy) 2409f36978027ee8b6f433be312735b6f375c3a5 New: `-init on` option which can be used to listen for events during the DataTables initialisation. a014a9570aaf637b66119558108cb1bb3292f63f Dev: Missed saving this file for the `-init on` addition! 2146b05d74e1147e3a69641fc0cd46af02f4e4cb New: `columnOrder` option for `-type selector-modifier` to give control of column ordering when using `-api columns()`. Tests and types still to be added 539bf324bf2f380bfcc0495037db70a6682f236b Dev: Tests and types for new `columnOrder` selector-modifier Typescript: Tighten types for `-type selector-modifier` so the strings are explicit in the values they can take. b820d0bc6abf3723035b589a4874940d826d8c56 Merge branch '2.3' Sync to source repo @b820d0bc6abf3723035b589a4874940d826d8c56
1 parent 5589e31 commit ef2e44c

File tree

3 files changed

+63
-14
lines changed

3 files changed

+63
-14
lines changed

css/dataTables.bootstrap4.css

Lines changed: 61 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -92,24 +92,14 @@ table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
9292
content: "\25BC";
9393
content: "\25BC"/"";
9494
}
95-
table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > th.dt-ordering-asc, table.dataTable thead > tr > th.dt-ordering-desc,
96-
table.dataTable thead > tr > td.dt-orderable-asc,
97-
table.dataTable thead > tr > td.dt-orderable-desc,
98-
table.dataTable thead > tr > td.dt-ordering-asc,
99-
table.dataTable thead > tr > td.dt-ordering-desc {
100-
position: relative;
101-
padding-right: 30px;
102-
}
10395
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order,
10496
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order,
10597
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order,
10698
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
10799
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
108-
position: absolute;
109-
right: 12px;
110-
top: 0;
111-
bottom: 0;
100+
position: relative;
112101
width: 12px;
102+
height: 20px;
113103
}
114104
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
115105
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
@@ -151,6 +141,40 @@ table.dataTable thead > tr > td:active {
151141
outline: none;
152142
}
153143

144+
table.dataTable thead > tr > th div.dt-column-header,
145+
table.dataTable thead > tr > th div.dt-column-footer,
146+
table.dataTable thead > tr > td div.dt-column-header,
147+
table.dataTable thead > tr > td div.dt-column-footer,
148+
table.dataTable tfoot > tr > th div.dt-column-header,
149+
table.dataTable tfoot > tr > th div.dt-column-footer,
150+
table.dataTable tfoot > tr > td div.dt-column-header,
151+
table.dataTable tfoot > tr > td div.dt-column-footer {
152+
display: flex;
153+
justify-content: space-between;
154+
align-items: center;
155+
gap: 4px;
156+
}
157+
table.dataTable thead > tr > th div.dt-column-header span.dt-column-title,
158+
table.dataTable thead > tr > th div.dt-column-footer span.dt-column-title,
159+
table.dataTable thead > tr > td div.dt-column-header span.dt-column-title,
160+
table.dataTable thead > tr > td div.dt-column-footer span.dt-column-title,
161+
table.dataTable tfoot > tr > th div.dt-column-header span.dt-column-title,
162+
table.dataTable tfoot > tr > th div.dt-column-footer span.dt-column-title,
163+
table.dataTable tfoot > tr > td div.dt-column-header span.dt-column-title,
164+
table.dataTable tfoot > tr > td div.dt-column-footer span.dt-column-title {
165+
flex-grow: 1;
166+
}
167+
table.dataTable thead > tr > th div.dt-column-header span.dt-column-title:empty,
168+
table.dataTable thead > tr > th div.dt-column-footer span.dt-column-title:empty,
169+
table.dataTable thead > tr > td div.dt-column-header span.dt-column-title:empty,
170+
table.dataTable thead > tr > td div.dt-column-footer span.dt-column-title:empty,
171+
table.dataTable tfoot > tr > th div.dt-column-header span.dt-column-title:empty,
172+
table.dataTable tfoot > tr > th div.dt-column-footer span.dt-column-title:empty,
173+
table.dataTable tfoot > tr > td div.dt-column-header span.dt-column-title:empty,
174+
table.dataTable tfoot > tr > td div.dt-column-footer span.dt-column-title:empty {
175+
display: none;
176+
}
177+
154178
div.dt-scroll-body > table.dataTable > thead > tr > th,
155179
div.dt-scroll-body > table.dataTable > thead > tr > td {
156180
overflow: hidden;
@@ -246,6 +270,15 @@ table.dataTable td.dt-type-numeric,
246270
table.dataTable td.dt-type-date {
247271
text-align: right;
248272
}
273+
table.dataTable th.dt-type-numeric div.dt-column-header,
274+
table.dataTable th.dt-type-numeric div.dt-column-footer, table.dataTable th.dt-type-date div.dt-column-header,
275+
table.dataTable th.dt-type-date div.dt-column-footer,
276+
table.dataTable td.dt-type-numeric div.dt-column-header,
277+
table.dataTable td.dt-type-numeric div.dt-column-footer,
278+
table.dataTable td.dt-type-date div.dt-column-header,
279+
table.dataTable td.dt-type-date div.dt-column-footer {
280+
flex-direction: row-reverse;
281+
}
249282
table.dataTable th.dt-left,
250283
table.dataTable td.dt-left {
251284
text-align: left;
@@ -258,6 +291,12 @@ table.dataTable th.dt-right,
258291
table.dataTable td.dt-right {
259292
text-align: right;
260293
}
294+
table.dataTable th.dt-right div.dt-column-header,
295+
table.dataTable th.dt-right div.dt-column-footer,
296+
table.dataTable td.dt-right div.dt-column-header,
297+
table.dataTable td.dt-right div.dt-column-footer {
298+
flex-direction: row-reverse;
299+
}
261300
table.dataTable th.dt-justify,
262301
table.dataTable td.dt-justify {
263302
text-align: justify;
@@ -295,6 +334,16 @@ table.dataTable tfoot th.dt-head-right,
295334
table.dataTable tfoot td.dt-head-right {
296335
text-align: right;
297336
}
337+
table.dataTable thead th.dt-head-right div.dt-column-header,
338+
table.dataTable thead th.dt-head-right div.dt-column-footer,
339+
table.dataTable thead td.dt-head-right div.dt-column-header,
340+
table.dataTable thead td.dt-head-right div.dt-column-footer,
341+
table.dataTable tfoot th.dt-head-right div.dt-column-header,
342+
table.dataTable tfoot th.dt-head-right div.dt-column-footer,
343+
table.dataTable tfoot td.dt-head-right div.dt-column-header,
344+
table.dataTable tfoot td.dt-head-right div.dt-column-footer {
345+
flex-direction: row-reverse;
346+
}
298347
table.dataTable thead th.dt-head-justify,
299348
table.dataTable thead td.dt-head-justify,
300349
table.dataTable tfoot th.dt-head-justify,

0 commit comments

Comments
 (0)