Question

<div id="example" class="k-content">


<table id="grid" style="float: left; position: relative">
    <thead>
        <tr>
            <th width ="310px"data-field="FileName">File Name
            </th>
            <th  width ="290px"data-field="ID">File Identifier
            </th>

        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            <tr >
                <td  class="idRank" >
                    @item.FileName
                </td>
                <td  class="idRank2"  >
                    @item.ID
                </td>

            </tr>
        }
    </tbody>

I use external css

table#grid.k-focusable td.idRank
         { width:310px;
          }

but it doesnt apply and not able to wident by 310 px, any idea ?
what other css method to do for me to get that applied

Answer 1

Because you are giving same width (310px) to your first column at and another at (290px);
you have to give them according to the width of table as you deserve