Dev Express css tablo mobil sorunu

kodun belli bir kısmı aşşağıda ki gibi arkadaşlar sorun ise şu;
tabloda ki index'i 1 numaralı olan alanı mobilde kapatmak istiyorum, tablonun bir numaralı indexini bir türlü çekemedim sorun çok basit gözüküyor ama dev express'e ilk defa adım attım denilebilir isteye kodun devamını özelden atabilirim, teşekkürler şimdiden
@media screen and (max-width: 600px) {

table {

border: 0;



}

table caption {

font-size: 1.3em;

}

table thead {

display: none;

}

table tr {

display: block;

margin-bottom: .625em;

}



table td {

display: block;

font-size: .8em;

text-align: right;

}

table td:before {

content: attr(data-label);

float: left;

font-weight: bold;

text-transform: uppercase;

display: block;

}

table td:last-child {

border-bottom: 0;

}

td:nth-of-type(1):before {

content: "Yük No";

text-align: left;

font-weight: bold;

}

alan:first-child{ display:none; }

yada bir class verin o alana

.verilenklas{display:none;}

CSS nth özelliği işinizi görecektir. table tr'ye uygulayacaksınız. araştırınız,