Merhaba, Sipariş Ekranının Tablosu'na bu linkten ulaşabilirsiniz. Resim eklemede sorun yaşadım.

İş Kolu sütununda Teslim Edilenler var. Sol üstten Tüm Siparişler'e tıkladığımızda Teslim Edilenler haricindeki değerleri göstermesini istiyoruz. Yardımcı olur musunuz? Ya da bunun farklı bir yolu var mıdır?

var dataTables = $('#dataTable').DataTable({
initComplete: function () {
this.api().columns([1,2,4,5,6]).every( function () {
var column = this;
var select = $('<select class="filtre"><option value=""></option></select>')
.appendTo( $(column.footer()).empty() )
.on( 'change', function () {
var val = $.fn.dataTable.util.escapeRegex(
$(this).val()
);

column
.search( val ? '^'+val+'$' : '', true, false )
.draw();
});

column.data().unique().sort().each( function ( d, j ) {
var val = $('<div/>').html(d).text();

if (val.length>29) {
filtremetin = val.substr(0,30)+"...";
} else {
filtremetin=val;
}
select.append( '<option value="' + val + '">' + filtremetin + '</option>' )
});
});
},
"ordering": true, //Tabloda sıralama özelliği gözüksün mü? true veya false
"searching": true, //Tabloda arama yapma alanı gözüksün mü? true veya false
"lengthChange": false, //Tabloda öğre gösterilme gözüksün mü? true veya false
"info": true,
dom: "<'row mobilgizleexport gizlemeyiac'<'col-md-6'l><'col-md-6'f><'col-md-4 d-none d-print-block'B>>rtip",
buttons: [
{
extend: 'copyHtml5',
className: 'kopyalama-buton',
messageBottom: "Aksoy İş Takip Sistemi Tarafından Üretilmiştir",
},
{
extend: 'excelHtml5',
className: 'excel-buton',
messageBottom: 'Aksoy İş Takip Sistemi Tarafından Üretilmiştir',
},
{
extend: 'pdfHtml5',
className: 'pdf-buton',
messageBottom: 'Aksoy İş Takip Sistemi Tarafından Üretilmiştir',
},
{
extend: 'csvHtml5',
className: 'csv-buton',
messageBottom: 'Aksoy İş Takip Sistemi Tarafından Üretilmiştir',
}
]
});
//Sonradan yapılan butona tıklandığında asıl dışa aktarma butonunun çalışması
function fnAction(action) {
switch (action) {
case "excel":
$('.excel-buton').trigger('click');
break;
case "pdf":
$('.pdf-buton').trigger('click');
break;
case "copy":
$('.kopyalama-buton').trigger('click');
break;
case "csv":
$('.csv-buton').trigger('click');
break;
}
}
//Tablo filtreleme işlemleri
$('#hepsi').on('click', function () {
dataTables
.columns()
.search( '' )
.columns( '.sold_out' )
.search( 'YES' )
.draw();
dataTables.column(4).search("").draw();
});
$('#tasarim').on('click', function () {
dataTables
.columns()
.search( '' )
.columns( '.sold_out' )
.search( 'YES' )
.draw();
dataTables.column(4).search("Tasarım").draw();
});
$('#olcu').on('click', function () {
dataTables
.columns()
.search( '' )
.columns( '.sold_out' )
.search( 'YES' )
.draw();
dataTables.column(4).search("Olcu Calısması").draw();
});
$('#cnc').on('click', function () {
dataTables
.columns()
.search( '' )
.columns( '.sold_out' )
.search( 'YES' )
.draw();
dataTables.column(4).search("CNC Kesim").draw();
});
$('#montaj').on('click', function () {
dataTables
.columns()
.search( '' )
.columns( '.sold_out' )
.search( 'YES' )
.draw();
dataTables.column(4).search("Montaj").draw();
});
$('#lazer').on('click', function () {
dataTables
.columns()
.search( '' )
.columns( '.sold_out' )
.search( 'YES' )
.draw();
dataTables.column(4).search("Lazer Kesim").draw();
});
$('#plotter').on('click', function () {
dataTables
.columns()
.search( '' )
.columns( '.sold_out' )
.search( 'YES' )
.draw();
dataTables.column(4).search("Plotter").draw();
});
$('#baski').on('click', function () {
dataTables
.columns()
.search( '' )
.columns( '.sold_out' )
.search( 'YES' )
.draw();
dataTables.column(4).search("Baskı").draw();
});
$('#fiyat').on('click', function () {
dataTables
.columns()
.search( '' )
.columns( '.sold_out' )
.search( 'YES' )
.draw();
dataTables.column(4).search("Fiyatlandırma").draw();
});
$('#imalat').on('click', function () {
dataTables
.columns()
.search( '' )
.columns( '.sold_out' )
.search( 'YES' )
.draw();
dataTables.column(4).search("İmalat").draw();
});
$('#teslim').on('click', function () {
dataTables
.columns()
.search( '' )
.columns( '.sold_out' )
.search( 'YES' )
.draw();
dataTables.column(4).search("Teslim Edilenler").draw();
});

 <button type="button" id="hepsi" style="margin-bottom: 5px;" class="btn btn-sm btn-dark btn-icon-split">
<span class="icon text-white-65">
<img src="/toplamsiparis.png">
</span>
</button>
<button type="button" id="baski" style="margin-bottom: 5px;" class="btn btn-sm btn-dark btn-icon-split">
<span class="icon text-white-65">
<img src="/baski.png">
</span>
</button>
<button type="button" id="cnc" style="margin-bottom: 5px;" class="btn btn-sm btn-dark btn-icon-split">
<span class="icon text-white-65">
<img src="/cnckesim.png">
</span>
        </button>