locked
Gridview Pagination css RRS feed

  • Question

  • User-1716253493 posted

    I have include css below in my page for gridview pagination, it's working very well in bootstrap 3

    It's not working anymore in bootstrap 4 page, there is a gab between page numbers

    Can someone modify this, so it will work in bootstrap 4 as well as bootstrap 3? Thank you.

            /*gridview*/
    .table table  tbody  tr  td a ,
    .table table  tbody  tr  td  span {
    ;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    }
    
    .table table > tbody > tr > td > span {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
    }
    
    .table table > tbody > tr > td:first-child > a,
    .table table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    }
    
    .table table > tbody > tr > td:last-child > a,
    .table table > tbody > tr > td:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    }
    
    .table table > tbody > tr > td > a:hover,
    .table   table > tbody > tr > td > span:hover,
    .table table > tbody > tr > td > a:focus,
    .table table > tbody > tr > td > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
    }
    /*end gridview */

    Monday, November 26, 2018 3:05 AM

Answers

  • User-1716253493 posted

    I get this

    .table table > tbody > tr > td
    {
        padding:0;
    }

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Monday, November 26, 2018 4:14 AM