Hi I'm using telerikUI for our app, My question is simple, in header row we got checkbox which is select/deselect all rows. we got 2 file, css and js. here's my codes

in js file for heaeder

columns.unshift({
               width: "25px", 
                headerAttributes: {
                    style: "background-color:red;text-align:center"
                } ,
                attributes: { style: "text-align:center" },
});

in css

.k-grid .k-grid-header .k-header .k-link {
    height: auto;
}

.k-grid .k-grid-header .k-header {
    height: auto;
    white-space: nowrap;    
}

Result

i just want to give min width and center it while expanding horizontally

Thank you

I think theres something in the way, and that thing block to centering