Skip to content

Commit a54bc02

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 07d8492 commit a54bc02

File tree

3 files changed

+63
-14
lines changed

3 files changed

+63
-14
lines changed

css/dataTables.jqueryui.css

Lines changed: 61 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -164,24 +164,14 @@ table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
164164
content: "\25BC";
165165
content: "\25BC"/"";
166166
}
167-
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,
168-
table.dataTable thead > tr > td.dt-orderable-asc,
169-
table.dataTable thead > tr > td.dt-orderable-desc,
170-
table.dataTable thead > tr > td.dt-ordering-asc,
171-
table.dataTable thead > tr > td.dt-ordering-desc {
172-
position: relative;
173-
padding-right: 30px;
174-
}
175167
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,
176168
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order,
177169
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order,
178170
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
179171
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
180-
position: absolute;
181-
right: 12px;
182-
top: 0;
183-
bottom: 0;
172+
position: relative;
184173
width: 12px;
174+
height: 20px;
185175
}
186176
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,
187177
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
@@ -223,6 +213,40 @@ table.dataTable thead > tr > td:active {
223213
outline: none;
224214
}
225215

216+
table.dataTable thead > tr > th div.dt-column-header,
217+
table.dataTable thead > tr > th div.dt-column-footer,
218+
table.dataTable thead > tr > td div.dt-column-header,
219+
table.dataTable thead > tr > td div.dt-column-footer,
220+
table.dataTable tfoot > tr > th div.dt-column-header,
221+
table.dataTable tfoot > tr > th div.dt-column-footer,
222+
table.dataTable tfoot > tr > td div.dt-column-header,
223+
table.dataTable tfoot > tr > td div.dt-column-footer {
224+
display: flex;
225+
justify-content: space-between;
226+
align-items: center;
227+
gap: 4px;
228+
}
229+
table.dataTable thead > tr > th div.dt-column-header span.dt-column-title,
230+
table.dataTable thead > tr > th div.dt-column-footer span.dt-column-title,
231+
table.dataTable thead > tr > td div.dt-column-header span.dt-column-title,
232+
table.dataTable thead > tr > td div.dt-column-footer span.dt-column-title,
233+
table.dataTable tfoot > tr > th div.dt-column-header span.dt-column-title,
234+
table.dataTable tfoot > tr > th div.dt-column-footer span.dt-column-title,
235+
table.dataTable tfoot > tr > td div.dt-column-header span.dt-column-title,
236+
table.dataTable tfoot > tr > td div.dt-column-footer span.dt-column-title {
237+
flex-grow: 1;
238+
}
239+
table.dataTable thead > tr > th div.dt-column-header span.dt-column-title:empty,
240+
table.dataTable thead > tr > th div.dt-column-footer span.dt-column-title:empty,
241+
table.dataTable thead > tr > td div.dt-column-header span.dt-column-title:empty,
242+
table.dataTable thead > tr > td div.dt-column-footer span.dt-column-title:empty,
243+
table.dataTable tfoot > tr > th div.dt-column-header span.dt-column-title:empty,
244+
table.dataTable tfoot > tr > th div.dt-column-footer span.dt-column-title:empty,
245+
table.dataTable tfoot > tr > td div.dt-column-header span.dt-column-title:empty,
246+
table.dataTable tfoot > tr > td div.dt-column-footer span.dt-column-title:empty {
247+
display: none;
248+
}
249+
226250
div.dt-scroll-body > table.dataTable > thead > tr > th,
227251
div.dt-scroll-body > table.dataTable > thead > tr > td {
228252
overflow: hidden;
@@ -318,6 +342,15 @@ table.dataTable td.dt-type-numeric,
318342
table.dataTable td.dt-type-date {
319343
text-align: right;
320344
}
345+
table.dataTable th.dt-type-numeric div.dt-column-header,
346+
table.dataTable th.dt-type-numeric div.dt-column-footer, table.dataTable th.dt-type-date div.dt-column-header,
347+
table.dataTable th.dt-type-date div.dt-column-footer,
348+
table.dataTable td.dt-type-numeric div.dt-column-header,
349+
table.dataTable td.dt-type-numeric div.dt-column-footer,
350+
table.dataTable td.dt-type-date div.dt-column-header,
351+
table.dataTable td.dt-type-date div.dt-column-footer {
352+
flex-direction: row-reverse;
353+
}
321354
table.dataTable th.dt-left,
322355
table.dataTable td.dt-left {
323356
text-align: left;
@@ -330,6 +363,12 @@ table.dataTable th.dt-right,
330363
table.dataTable td.dt-right {
331364
text-align: right;
332365
}
366+
table.dataTable th.dt-right div.dt-column-header,
367+
table.dataTable th.dt-right div.dt-column-footer,
368+
table.dataTable td.dt-right div.dt-column-header,
369+
table.dataTable td.dt-right div.dt-column-footer {
370+
flex-direction: row-reverse;
371+
}
333372
table.dataTable th.dt-justify,
334373
table.dataTable td.dt-justify {
335374
text-align: justify;
@@ -367,6 +406,16 @@ table.dataTable tfoot th.dt-head-right,
367406
table.dataTable tfoot td.dt-head-right {
368407
text-align: right;
369408
}
409+
table.dataTable thead th.dt-head-right div.dt-column-header,
410+
table.dataTable thead th.dt-head-right div.dt-column-footer,
411+
table.dataTable thead td.dt-head-right div.dt-column-header,
412+
table.dataTable thead td.dt-head-right div.dt-column-footer,
413+
table.dataTable tfoot th.dt-head-right div.dt-column-header,
414+
table.dataTable tfoot th.dt-head-right div.dt-column-footer,
415+
table.dataTable tfoot td.dt-head-right div.dt-column-header,
416+
table.dataTable tfoot td.dt-head-right div.dt-column-footer {
417+
flex-direction: row-reverse;
418+
}
370419
table.dataTable thead th.dt-head-justify,
371420
table.dataTable thead td.dt-head-justify,
372421
table.dataTable tfoot th.dt-head-justify,

0 commit comments

Comments
 (0)