Enabling Horizontal Scrollbar for Detail Tables in Grid

Updated on Feb 23, 2026

Environment

Product	Grid for UI for ASP.NET AJAX
Version	All

Description

I have a grid with a detail table, and the horizontal scrollbar does not appear when the detail table's columns exceed the width of the main grid. This happens despite using CSS to manage the grid layout and wrapping the grids within a container. I need a solution to ensure the detail table displays its horizontal scrollbar properly.

This knowledge base article also answers the following questions:

• How to make the detail table scroll horizontally in UI for ASP.NET AJAX Grid?
• How to enable horizontal scrolling for nested tables in the Grid?
• How to adjust CSS for detail table scrollbar visibility?

Solution

To ensure the horizontal scrollbar appears for the detail table in the Grid, apply the following CSS:

CSS

html body .RadGrid table.rgMasterTable > tbody > tr > td[colspan] {
    overflow-x: auto !important;
}