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

Question

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" />
</asp:GridView>
</div>
</div>
</div>
i reference this pages answer.
it works fine only with overflow-x.
however, scroll bar is broken when overflow-x with overflow-y case.
About 53 rows and 15 columns:
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);
ExcelContentView.DataBind();
} // 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) );
++colCount;
} // 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)
{
DotNetMsgBox.Show("Debug");
}
stringTable.Rows.Add(objList.ToArray());
} // for
return stringTable;
}

Answer 1

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.