Как не применять скрипт к первым двум значениям(не фильтровать) datatables.js?

Question

[Павел]

есть такой пример https://datatables.net/extensions/fixedheader/exam...
я его использую , часть скрипта дублирует thread и добавляет инпуты фильтрации ,

$(document).ready(function() {
    // Setup - add a text input to each footer cell
    $('#example thead tr').clone(true).appendTo( '#example thead' );
    $('#example thead tr:eq(1) th').each( function (i) {
        var title = $(this).text();
        $(this).html( '<input type="text" placeholder="Search '+title+'" />' );
 
        $( 'input', this ).on( 'keyup change', function () {
            if ( table.column(i).search() !== this.value ) {
                table
                    .column(i)
                    .search( this.value )
                    .draw();
            }
        } );
    } );
 
    var table = $('#example').DataTable( {
        orderCellsTop: true,
        fixedHeader: true
    } );
} );

подскажите как не генерировать первые 2 инпута , чтоб их совсем не было? name и position

Answer 1

[0xD34F]

$('#example thead tr:eq(1) th').slice(2).each(... дальше всё как было

UPD. Вынесено из комментариев:

не проканало, то есть визуально все как надо но по факту поиск из фильтра стал работать не в той колонке

Ну наверное надо эту двойку добавлять к индексу внутри each, не table.column(i), а table.column(i + 2). Или не полагаться на передаваемый индекс, а вычислять его самостоятельно, что-то вроде const index = $(this).closest('th').index().

Comments

[Павел]

жаль в этом плагине такое не проканало, то есть визуально все как надо но по факту поиск из фильтра стал работать не в той колонке , может просто скрыть эти инпуты?

[0xD34F]

дополнил ответ

Answer 2

[Валентин]

$('#example thead tr:eq(1) th').each( function (i) {
	if (i > 1){
		var title = $(this).text();
		$(this).html( '<input type="text" placeholder="Search '+title+'" />' );

		$( 'input', this ).on( 'keyup change', function () {
			if ( table.column(i).search() !== this.value ) {
				table
					.column(i)
					.search( this.value )
					.draw();
			}
		} );
	}
} );

либо

$('#example thead tr:eq(1) th:nth-child(n+3)').each( function (i) {
// ...
});

Comments

[Павел]

жаль в этом плагине такое не проканало, то есть визуально все как надо но по факту поиск из фильтра стал работать не в той колонке , может просто скрыть эти инпуты?

[Валентин]

Павел, проканало , только используй мой первый пример