How can I fixed HTML table margin with ASP gridview

Question

1.00/5 (1 vote)

See more:

<div class="row">

               <table id="header" style="background-color: #e0b4b4; font-size:small; height:30px">
                   <tr>
                       <td style="font-weight: bold; width:70px; border: 1px solid black"> Type </td>
                       <td style="font-weight: bold; width:70px; border: 1px solid black"> Product Details </td>
                       <td style="font-weight: bold; width:70px; border: 1px solid black"> Asset No </td>
                       <td style="font-weight: bold; width:70px; border: 1px solid black"> Product Description </td>
                       <td style="font-weight: bold; width:70px; border: 1px solid black"> Brand </td>
                       <td style="font-weight: bold; width:70px; border: 1px solid black"> Serial No </td>
                       <td style="font-weight: bold; width:70px; border: 1px solid black"> Barcode </td>
                       <td style="font-weight: bold; width:70px; border: 1px solid black"> Vendor </td>
                       <td style="font-weight: bold; width:70px; border: 1px solid black"> Vendor Information </td>
                       <td style="font-weight: bold; width:70px; border: 1px solid black"> Purchase Date </td>
                       <td style="font-weight: bold; width:70px; border: 1px solid black"> Warrenty Year </td>
                       <td style="font-weight: bold; width:70px; border: 1px solid black"> Warrenty Expire </td>
                       <td style="font-weight: bold; width:70px; border: 1px solid black"> Remarks </td>
                       <td style="font-weight: bold; width:70px; border: 1px solid black"> Action </td>
                   </tr>

               </table>

               <div style="font-size:small; height:600px; overflow-y: scroll; overflow-x:auto;">
                   <asp:GridView ID="empgrid" runat="server" CssClass="table table-striped" GridLines="Both"  DataKeyNames="ID" AutoGenerateColumns="false">


                       <Columns>
                       <asp:BoundField  DataField="Type"/>
                       <asp:BoundField  DataField="Prodtype"/>
                       <asp:BoundField  DataField="Assetno"/>
                       <asp:BoundField  DataField="Prodesc"/>
                       <asp:BoundField  DataField="Brand"/>
                       <asp:BoundField  DataField="Slno"/>
                       <asp:BoundField  DataField="Barcode"/>
                       <asp:BoundField  DataField="Vendor"/>
                       <asp:BoundField  DataField="Vendorinfo"/>
                       <asp:BoundField  DataField="Purchasedate" DataFormatString = "{0:dd/MM/yyyy}"/>
                       <asp:BoundField  DataField="Warryear" DataFormatString = "{0:dd/MM/yyyy}"/>
                       <asp:BoundField  DataField="Warrexp" DataFormatString = "{0:dd/MM/yyyy}"/>
                       <asp:BoundField  DataField="Remarks"/>

                           <asp:TemplateField>
                           <ItemTemplate>
                               <span onclick="return confirm('Are you sure to delete?')">
                                   <asp:Button TID="lnkDelete" text="Delete" runat="server" />
                               </span>
                           </ItemTemplate>
                       </asp:TemplateField>

                   </Columns>
               </asp:GridView>
               </div>
           </div>

What I have tried:

how can i fixed html table margin with asp Gridview

Posted 25-Aug-21 22:32pm

Member 14765650

Updated 26-Aug-21 9:25am

Add a Solution

Comments

Richard Deeming 26-Aug-21 5:30am

Your question doesn't make any sense.

Remember, we cannot see your screen, access your computer, or read your mind. All we have to work with is what you type into the question box.

Click the green "Improve question" link and update your question to include a clear and complete description of the problem, along with the details of what you have tried and where you are stuck.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Code Fan · Accepted Answer · 2021-08-26T09:25:00

Web forms have officially retired in .Net 5 & are no longer supported. Unless you're maintaining legacy code for your company, please try not to use them anymore. In your case, you're writing it up from scratch, hardly anything to do with legacy code. That being said, you're supposed to be familiar enough with CSS. Add a class to the CssClass property of your DataGrid, & play with table margins, cell spacing & stuffs like that in CSS. Also, DataGrid already comes with headers, footers, pagers & things like that, no need to use yet another table on top, which cannot possibly align with your DataGrid cells. Again, web forms are out, whose bugs no longer fixed by Microsoft. Learn Angular, React, Vue, or just anything that's still alive, preferably popular & hot.