Taehoon Taehoon - 1 year ago 177
ASP.NET (C#) Question

asp.net with bootstrap. table-responsive scrolling is broken in panel-body

I have a webpage with the following HTML:

<div class="panel panel-primary" style="width:auto;height:auto;">
<div class="panel-heading" id="ContentHeader" runat="server" style="width:auto;height:auto;">Table</div>
<div class="panel-body" runat="server" style="width:auto;height:auto;">
<div class="table-responsive">
<asp:GridView ID="ExcelContentView" runat="server" class="table table-bordered" >
<HeaderStyle CssClass="info" />

i reference this pages answer.

it works fine only with overflow-x.

enter image description here

however, scroll bar is broken when overflow-x with overflow-y case.

About 53 rows and 15 columns:

enter image description here

vertical scrollbar is not working.
but Left Or Right Key is move scrollbar.
clicking scrollbar is broken i think.

how do i fix scroll bar in overflow x and y case?

here is additional c# code behind

on page load :

ExcelContentView.DataSource = ExcelViewManager.Instance.GetExcelViewTable(fileName, historyNum);

} // method

and GetExcelViewTable Method

DataTable stringTable = new DataTable();

var currType = GameDataFileManager.Instance.GetTypeFromFileName(fileName);

string historyPath = GameDataFileManager.Instance.GetHistoryPathByType(currType);

string fullPath = historyPath + fileName + revNum + ".xlsx";

FileInfo excelFileInfo = new FileInfo(fullPath);

ExcelPackage excel = new ExcelPackage(excelFileInfo);

var workSheet1 = excel.Workbook.Worksheets.First();

int colCount = 0;

for (int iCol = 1; iCol <= workSheet1.Dimension.End.Column; ++iCol )
stringTable.Columns.Add( workSheet1.Cells[1, iCol].Text, typeof(string) );
} // for

for (int iRow = 3; iRow <= workSheet1.Dimension.End.Row; ++iRow )
List<object> objList = new List<object>();

for (int iCol = 1; iCol <= workSheet1.Dimension.End.Column; ++iCol )

objList.Add( workSheet1.Cells[iRow, iCol].Text );
} // for

int objCount = objList.Count;

if (colCount != objCount)


} // for

return stringTable;

Answer Source

I solved this.

table-responsive is broken scrollbar when using with simple sidebar

responsive broken when this code.

<li class="sidebar-footer">Made by Me</li>

so, this sidebar-footer code makes problem.

i dont know why this code broken table-responisve sidebar.

i open simple-sidbar.css, and see this codes

.sidebar-nav > .sidebar-footer {
    display: block;
    text-decoration: none;
    color: #fff;
    position: fixed;
    height: 100px;
    bottom: 0;
    width: 100%;


and i delete code in { }, but still has problem.

so, i delete sidebar-footer in my Master Page. and yes. i solved problem.

anyone tell me why this sidebar-footer broken scrollbar.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download