Using Bootstrap Table with GridView in ASP.Net

Question

I have been trying to design this kind of table in the image below I want to ask if this is GridView and if yes how can I design such please

dharmendr · Accepted Answer

Hi George616In order to design like the screenshot you need to apply the bootstrap css class to the gridview and other the controlsFor more details refer below linkhttpsgetbootstrapcomdocs41contenttablesHTMLltlink rel34stylesheet34 href34httpsmaxcdnbootstrapcdncombootstrap341cssbootstrapmincss34gtltaspGridView ID34GridView134 class34table tablebordered tablecondensed tableresponsive tablehover 34 runat34server34 AutoGenerateColumns34false34gt    ltColumnsgt        ltaspBoundField DataField34Id34 HeaderText34Id34 gt        ltaspBoundField DataField34Name34 HeaderText34Name34 gt        ltaspBoundField DataField34Country34 HeaderText34Country34 gt    ltColumnsgtltaspGridViewgtCodeCprotected void PageLoadobject sender EventArgs e    if thisIsPostBack            SystemDataDataTable dt  new SystemDataDataTable        dt

dharmendr · Answer

Remove tableresponsive Apply only below classtable tablebordered tablecondensed tablehover

Using Bootstrap Table with GridView in ASP.Net

Company

Explore

Follow us

Contact Us