harry code

harry code

  • 2k
  • 124
  • 16.5k

Unable to add fixed footer for table in asp.net

Feb 14 2019 3:44 AM
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