Align GridView Center of Page using Bootstrap and CSS in ASP.Net

on Sep 17, 2021 10:58 PM

I want to make the Gridview in web forms a little bit smaller and centered using bootstrap stylesheets.

below is my code:

<table class="table table-sm " >
    <asp:GridView ID="grdTest" runat="server" GridLines="Horizontal"  
        CssClass="table  table-sm table-bordered table-condensed table-responsive-sm table-hover table-striped" >   

how can I make it smaller and centered on the screen?

Right now, it is stretching the entire content page.

any help will be appreciated.

Download FREE API for Word, Excel and PDF in ASP.Net: Download
on Sep 18, 2021 03:49 AM
on Sep 18, 2021 03:50 AM

Hi anjali600,

Refer below code.


<link rel="stylesheet" href=""
    integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous" />
<script type="text/javascript" src=""
    integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script type="text/javascript" src=""
    integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script type="text/javascript" src=""
    integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
<table class="table table-sm">
        <td align="center">
            <asp:GridView ID="grdTest" runat="server" GridLines="Horizontal" Width="25%" Style="min-width: 160px"
                CssClass="table table-sm table-bordered table-condensed table-responsive-sm table-hover table-striped">


protected void Page_Load(object sender, EventArgs e)
    if (!this.IsPostBack)
        DataTable dt = new DataTable();
        dt.Columns.AddRange(new DataColumn[] { new DataColumn("Calculation"), new DataColumn("Value") });
        dt.Rows.Add("Test 1", 1235);
        dt.Rows.Add("Test 2", 66666);
        dt.Rows.Add("Test 3", 9999);
        dt.Rows.Add("Test 4", 666555);
        grdTest.DataSource = dt;