Unable to add fixed footer for table in asp.net

Question

Hi,

 

i am trying to add footer to a table in asp.net.

 

I am not able to add fixed footer.

 

 

 

here is the sample code

 

 

<div class="fixed-table-container" style="float: left; overflow-x: scroll; cursor: pointer;

width: 64%; height: 280px; border: 1px solid #ccc; margin-top: 8px; clear: both">

<div class="header-background" style="width: 226%">

</div>

<div class="fixed-table-container-inner">

<table cellspacing="0" cellpadding="0" rules="all" border="1" id="ctl00_ContentPlaceHolder1_MyGridView"

style="border-collapse: collapse;">

<thead>

<tr>

<th scope="col">

<div class="th-inner" style="width: 40px; text-align: center">

SlNo</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 70px; text-align: center">

BarCode</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 80px; text-align: center">

HSNCode</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 180px; text-align: left;">

ItemName</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 30px; text-align: center">

Qty</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 80px; text-align: center">

Rate</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 80px; text-align: center">

MRP</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 80px; text-align: center">

Value</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 90px; text-align: center">

PurDisc</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 90px; text-align: center">

PDiscType</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 90px; text-align: center">

GST Type</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 60px; text-align: center">

GST%</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 90px; text-align: center">

GSTAmt</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 90px; text-align: center">

CGST %</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 90px; text-align: center">

CGSTAmt</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 70px; text-align: center">

SGST %</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 70px; text-align: center">

SGSTAmt</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 70px; text-align: center">

IGST %</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 70px; text-align: center">

IGSTAmt</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 70px; text-align: center">

UTGST %</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 70px; text-align: center">

UTGSTAmt</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 80px; text-align: center">

OtherCharges</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 90px; text-align: center">

ItemTotal</div>

</th>

<%-- <th scope="col">

<div class="th-inner" style="width: 240px; text-align: center">

ItemName</div>

</th>--%>

<th scope="col">

<div class="th-inner" style="width: 30px; text-align: center; display: none">

UOM</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 62px; text-align: right; display: none">

FreeQty</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 76px; text-align: right; display: none">

Spl.MRP</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 94px; text-align: center; display: none">

DiscPercType</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 66px; text-align: right; display: none">

DiscPerc</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 70px; text-align: center; display: none">

ExpiryDate</div>

</th>

<th scope="col">

<div class="th-inner" style="width: 70px; text-align: center;">

Actions</div>

</th>

</tr>

</thead>

<tbody>

</tbody>

</table>

</div>

</div>

 

 

 

 

 

Thank you