Мобильная версияПо умолчанию она помещается во вторую строку заголовка, но я хочу, чтобы она была в первой, а не в первой строке. второй.
Вторая строка заголовка может показаться глупой, если рассматривать ее таким образом, но на самом деле я буду использовать ее для поиска каждого соответствующего столбца.
Ниже приведен рабочий пример того, что со мной происходит.
< pre class="snippet-code-js lang-js Prettyprint-override">
Код: Выделить всё
$(document).ready( function () {
var table = $('#example').DataTable({
colReorder: true,
"footerCallback": function ( row, data, start, end, display ) {
var api = this.api(), data;
// Append footer if it doesn't exist
if ($('#example').find('tfoot').length ===0) {
var footer = $('g');
$('#example').append(footer);
}
// Remove the formatting to get integer data for summation
var intVal = function ( i ) {
return typeof i === 'string' ?
i.replace(/[\$,]/g, '')*1 :
typeof i === 'number' ?
i : 0;
};
// Total over all pages
total = api
.column( 5 )
.data()
.reduce( function (a, b) {
return intVal(a) + intVal(b);
}, 0 );
// Total over this page
pageTotal = api
.column( 5, { page: 'current'} )
.data()
.reduce( function (a, b) {
return intVal(a) + intVal(b);
}, 0 );
// Update footer
$( '#example tfoot th:eq(0)' ).html(
'$'+pageTotal +' ( $'+ total +' total)'
);
}
});
} );Код: Выделить всё
DataTables - J S B i n & l t ; / t i t l e & g t ; < b r / > & l t ; / h e a d & g t ; < b r / > & l t ; b o d y & g t ; < b r / > & l t ; d i v c l a s s = " c o n t a i n e r " & g t ; < b r / > & l t ; t a b l e i d = " e x a m p l e " c l a s s = " d i s p l a y n o w r a p " w i d t h = " 1 0 0 % " & g t ; < b r / > & l t ; t h e a d & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t h & g t ; N a m e & l t ; / t h & g t ; < b r / > & l t ; t h & g t ; P o s i t i o n & l t ; / t h & g t ; < b r / > & l t ; t h & g t ; O f f i c e & l t ; / t h & g t ; < b r / > & l t ; t h & g t ; A g e & l t ; / t h & g t ; < b r / > & l t ; t h & g t ; S t a r t d a t e & l t ; / t h & g t ; < b r / > & l t ; t h & g t ; S a l a r y & l t ; / t h & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t h & g t ; N a m e & l t ; / t h & g t ; < b r / > & l t ; t h & g t ; P o s i t i o n & l t ; / t h & g t ; < b r / > & l t ; t h & g t ; O f f i c e & l t ; / t h & g t ; < b r / > & l t ; t h & g t ; A g e & l t ; / t h & g t ; < b r / > & l t ; t h & g t ; S t a r t d a t e & l t ; / t h & g t ; < b r / > & l t ; t h & g t ; S a l a r y & l t ; / t h & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; / t h e a d & g t ; < b r / > < b r / > < b r / > & l t ; t b o d y & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; T i g e r N i x o n & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S y s t e m A r c h i t e c t & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; E d i n b u r g h & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 6 1 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 1 / 0 4 / 2 5 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 3 , 1 2 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; G a r r e t t W i n t e r s & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; D i r e c t o r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; E d i n b u r g h & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 6 3 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 1 / 0 7 / 2 5 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 5 , 3 0 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; A s h t o n C o x & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; T e c h n i c a l A u t h o r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S a n F r a n c i s c o & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 6 6 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 0 9 / 0 1 / 1 2 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 4 , 8 0 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; C e d r i c K e l l y & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; J a v a s c r i p t D e v e l o p e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; E d i n b u r g h & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 2 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 2 / 0 3 / 2 9 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 3 , 6 0 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; J e n n a E l l i o t t & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; F i n a n c i a l C o n t r o l l e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; E d i n b u r g h & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 3 3 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 0 8 / 1 1 / 2 8 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 5 , 3 0 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; B r i e l l e W i l l i a m s o n & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; I n t e g r a t i o n S p e c i a l i s t & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; N e w Y o r k & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 6 1 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 2 / 1 2 / 0 2 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 4 , 5 2 5 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; H e r r o d C h a n d l e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S a l e s A s s i s t a n t & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S a n F r a n c i s c o & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 5 9 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 2 / 0 8 / 0 6 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 4 , 0 8 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; R h o n a D a v i d s o n & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; I n t e g r a t i o n S p e c i a l i s t & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; E d i n b u r g h & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 5 5 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 0 / 1 0 / 1 4 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 6 , 7 3 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; C o l l e e n H u r s t & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; J a v a s c r i p t D e v e l o p e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S a n F r a n c i s c o & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 3 9 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 0 9 / 0 9 / 1 5 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 5 , 0 0 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; S o n y a F r o s t & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S o f t w a r e E n g i n e e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; E d i n b u r g h & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 3 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 0 8 / 1 2 / 1 3 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 3 , 6 0 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; J e n a G a i n e s & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S y s t e m A r c h i t e c t & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; L o n d o n & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 3 0 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 0 8 / 1 2 / 1 9 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 5 , 0 0 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; Q u i n n F l y n n & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; F i n a n c i a l C o n t r o l l e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; E d i n b u r g h & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 2 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 3 / 0 3 / 0 3 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 4 , 2 0 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; C h a r d e M a r s h a l l & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; R e g i o n a l D i r e c t o r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S a n F r a n c i s c o & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 3 6 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 0 8 / 1 0 / 1 6 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 5 , 3 0 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; H a l e y K e n n e d y & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S e n i o r M a r k e t i n g D e s i g n e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; L o n d o n & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 4 3 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 2 / 1 2 / 1 8 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 4 , 8 0 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; T a t y a n a F i t z p a t r i c k & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; R e g i o n a l D i r e c t o r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; L o n d o n & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 1 9 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 0 / 0 3 / 1 7 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 2 , 8 7 5 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; M i c h a e l S i l v a & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S e n i o r M a r k e t i n g D e s i g n e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; L o n d o n & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 6 6 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 2 / 1 1 / 2 7 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 3 , 7 5 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; P a u l B y r d & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; J a v a s c r i p t D e v e l o p e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; N e w Y o r k & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 6 4 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 0 / 0 6 / 0 9 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 5 , 0 0 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; G l o r i a L i t t l e & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S y s t e m s A d m i n i s t r a t o r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; N e w Y o r k & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 5 9 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 0 9 / 0 4 / 1 0 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 3 , 1 2 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; B r a d l e y G r e e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S o f t w a r e E n g i n e e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; L o n d o n & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 4 1 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 2 / 1 0 / 1 3 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 3 , 1 2 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; D a i R i o s & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S y s t e m A r c h i t e c t & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; E d i n b u r g h & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 3 5 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 2 / 0 9 / 2 6 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 4 , 2 0 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; J e n e t t e C a l d w e l l & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; F i n a n c i a l C o n t r o l l e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; N e w Y o r k & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 3 0 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 1 / 0 9 / 0 3 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 4 , 9 6 5 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; Y u r i B e r r y & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S y s t e m A r c h i t e c t & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; N e w Y o r k & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 4 0 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 0 9 / 0 6 / 2 5 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 3 , 6 0 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; C a e s a r V a n c e & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; T e c h n i c a l A u t h o r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; N e w Y o r k & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 1 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 1 / 1 2 / 1 2 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 4 , 9 6 5 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; D o r i s W i l d e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S a l e s A s s i s t a n t & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; E d i n b u r g h & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 3 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 0 / 0 9 / 2 0 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 4 , 9 6 5 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; A n g e l i c a R a m o s & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S y s t e m A r c h i t e c t & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; L o n d o n & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 3 6 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 0 9 / 1 0 / 0 9 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 2 , 8 7 5 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; G a v i n J o y c e & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; D e v e l o p e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; E d i n b u r g h & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 4 2 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 0 / 1 2 / 2 2 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 4 , 5 2 5 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; J e n n i f e r C h a n g & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; R e g i o n a l D i r e c t o r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; L o n d o n & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 8 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 0 / 1 1 / 1 4 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 4 , 0 8 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; B r e n d e n W a g n e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S o f t w a r e E n g i n e e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S a n F r a n c i s c o & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 1 8 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 1 / 0 6 / 0 7 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 3 , 7 5 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; E b o n y G r i m e s & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S o f t w a r e E n g i n e e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S a n F r a n c i s c o & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 4 8 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 0 / 0 3 / 1 1 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 2 , 8 7 5 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; R u s s e l l C h a v e z & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; D i r e c t o r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; E d i n b u r g h & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 1 / 0 8 / 1 4 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 3 , 6 0 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; M i c h e l l e H o u s e & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; I n t e g r a t i o n S p e c i a l i s t & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; E d i n b u r g h & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 3 7 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 1 / 0 6 / 0 2 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 3 , 7 5 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; S u k i B u r k s & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; D e v e l o p e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; L o n d o n & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 5 3 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 0 9 / 1 0 / 2 2 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 2 , 8 7 5 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; P r e s c o t t B a r t l e t t & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; T e c h n i c a l A u t h o r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; L o n d o n & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 7 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 1 / 0 5 / 0 7 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 6 , 7 3 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; G a v i n C o r t e z & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; T e c h n i c a l A u t h o r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S a n F r a n c i s c o & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 2 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 0 8 / 1 0 / 2 6 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 6 , 7 3 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; M a r t e n a M c c r a y & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; I n t e g r a t i o n S p e c i a l i s t & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; E d i n b u r g h & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 4 6 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 1 / 0 3 / 0 9 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 4 , 0 8 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; U n i t y B u t l e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S e n i o r M a r k e t i n g D e s i g n e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S a n F r a n c i s c o & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 4 7 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 0 9 / 1 2 / 0 9 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 3 , 7 5 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; H o w a r d H a t f i e l d & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; F i n a n c i a l C o n t r o l l e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S a n F r a n c i s c o & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 5 1 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 0 8 / 1 2 / 1 6 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 4 , 0 8 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; H o p e F u e n t e s & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; F i n a n c i a l C o n t r o l l e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S a n F r a n c i s c o & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 4 1 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 0 / 0 2 / 1 2 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 4 , 2 0 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; V i v i a n H a r r e l l & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S y s t e m A r c h i t e c t & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S a n F r a n c i s c o & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 6 2 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 0 9 / 0 2 / 1 4 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 4 , 9 6 5 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; T i m o t h y M o o n e y & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; F i n a n c i a l C o n t r o l l e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; L o n d o n & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 3 7 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 0 8 / 1 2 / 1 1 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 4 , 2 0 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; J a c k s o n B r a d s h a w & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; D i r e c t o r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; N e w Y o r k & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 6 5 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 0 8 / 0 9 / 2 6 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 5 , 0 0 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; M i r i a m W e i s s & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S u p p o r t E n g i n e e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; E d i n b u r g h & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 6 4 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 1 / 0 2 / 0 3 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 4 , 9 6 5 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; B r u n o N a s h & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S o f t w a r e E n g i n e e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; L o n d o n & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 3 8 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; 2 0 1 1 / 0 5 / 0 3 & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; $ 4 , 2 0 0 & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d & g t ; O d e s s a J a c k s o n & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; S u p p o r t E n g i n e e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; E d i n b u r g h & l t ; / t d & g t ; < b r / > 37
2009/08/19
$3,600
Thor Walton
Developer
New York
61
2013/08/11
$3,600
Finn Camacho
Support Engineer
San Francisco
47
2009/07/07
$4,800
Elton Baldwin
Data Coordinator
Edinburgh
64
2012/04/09
$6,730
Zenaida Frank
Software Engineer
New York
63
2010/01/04
$4,800
Zorita Serrano
Software Engineer
San Francisco
56
2012/06/01
$5,300
Jennifer Acosta
Javascript Developer
Edinburgh
43
2013/02/01
$2,875
Cara Stevens
Sales Assistant
New York
46
2011/12/06
$4,800
Hermione Butler
Director
London
47
2011/03/21
$4,080
Lael Greer
Systems Administrator
London
21
2009/02/27
$3,120
Jonas Alexander
Developer
San Francisco
30
2010/07/14
$5,300
Shad Decker
Regional Director
Edinburgh
51
2008/11/13
$5,300
Michael Bruce
Javascript Developer
Edinburgh
29
2011/06/27
$4,080
Donna Snider
System Architect
New York
27
2011/01/25
$3,120
Может кто-нибудь мне помочь?
Функция initComplete не работает.
Код: Выделить всё
$(document).ready(function() {
var table = $('#example').DataTable({
processing: true,
serverSide: true,
ajax: { ......... },
pageLength: 10,
searching: true,
initComplete: function() {
this.api()
.columns()
.every(function() {
let column = this;
let title = column.header().textContent;
// Create input element foot
let input = document.createElement('input');
input.placeholder = "Search " + title;
column.header().replaceChildren(input);
var first = document.querySelector("#example .first")
var second = document.querySelector("#example .second")
first.before(second)
// Event listener for user input
input.addEventListener('keyup', (e) => {
if (column.search() !== this.value) {
column.search(input.value).draw();
}
});
});
}
});
});Подробнее здесь: https://stackoverflow.com/questions/791 ... ing-is-put
