Hi,
I am getting unwanted column width in radgrid header. Please see the attached screenshot. Please let me know how to remove that. If you look at the attached file there is unwanted width before "Market Name" column.
One more thing If you see the attached file there is filter icon in coming under textbox. Is there anyway to set that like textbox and filter icon should come in one line without resizeing the column. If yes how to do that?
Here is my grid code.
I am getting unwanted column width in radgrid header. Please see the attached screenshot. Please let me know how to remove that. If you look at the attached file there is unwanted width before "Market Name" column.
One more thing If you see the attached file there is filter icon in coming under textbox. Is there anyway to set that like textbox and filter icon should come in one line without resizeing the column. If yes how to do that?
Here is my grid code.
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
<html xmlns="http://www.w3.org/1999/xhtml"> |
<head runat="server"> |
<title></title> |
<link href="CSS/Forest.css" rel="stylesheet" type="text/css" /> |
</head> |
<body> |
<form id="form1" runat="server"> |
<style type="text/css"> |
.rgPageFirst, .rgPagePrev, .rgPageNext, .rgPageLast |
{ |
display: none !important; |
} |
</style> |
<style type="text/css"> |
div.RemoveBorders .rgHeader, div.RemoveBorders th.rgResizeCol, div.RemoveBorders .rgFilterRow td |
{ |
border-width: 0 0 1px 0; /*top right bottom left*/ |
} |
div.RemoveBorders .rgRow td, div.RemoveBorders .rgAltRow td, div.RemoveBorders .rgEditRow td, div.RemoveBorders .rgFooter td |
{ |
border-width: 0; |
padding-left: 1px; /*needed for row hovering and selection*/ |
} |
div.RemoveBorders .rgGroupHeader td, div.RemoveBorders .rgFooter td |
{ |
padding-left: 1px; |
} |
div. |
</style> |
<script type="text/javascript"> |
function onRequestStart(sender, args) { |
if (args.get_eventTarget().indexOf("ExportToExcelButton") >= 0 || |
args.get_eventTarget().indexOf("ExportToWordButton") >= 0 || |
args.get_eventTarget().indexOf("ExportToPdfButton") >= 0 || |
args.get_eventTarget().indexOf("ExportToCsvButton") >= 0) { |
args.set_enableAjax(false); |
} |
} |
</script> |
<div style="padding: 1px"> |
<telerik:RadScriptManager ID="sm" runat="server"> |
</telerik:RadScriptManager> |
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> |
<AjaxSettings> |
<telerik:AjaxSetting AjaxControlID="gvTrackers"> |
<UpdatedControls> |
<telerik:AjaxUpdatedControl ControlID="gvTrackers" LoadingPanelID="RadAjaxLoadingPanel1" /> |
</UpdatedControls> |
</telerik:AjaxSetting> |
</AjaxSettings> |
</telerik:RadAjaxManager> |
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default"> |
</telerik:RadAjaxLoadingPanel> |
<telerik:RadGrid ID="gvTrackers" Skin="Forest" EnableEmbeddedSkins="true" Height="600px" |
runat="server" AllowPaging="true" AllowSorting="True" GridLines="None" AutoGenerateColumns="true" |
EnableHeaderContextMenu="true" EnableHeaderContextFilterMenu="true" AllowMultiRowSelection="true" |
AllowFilteringByColumn="True" OnNeedDataSource="gvTrackers_NeedDataSource" OnItemCreated="gvTrackers_ItemCreated" |
OnItemCommand="gvTrackers_ItemCommand" OnColumnCreated="gvTrackers_ColumnCreated"> |
<HeaderStyle Height="25px" Width="100px" Font-Size="8pt" Font-Bold="True" ForeColor="White" |
HorizontalAlign="Center" BorderColor="white" BorderWidth="1px" /> |
<ExportSettings IgnorePaging="true" ExportOnlyData="true"> |
<Pdf AllowModify="false" AllowPrinting="true" PageWidth="16in" /> |
</ExportSettings> |
<MasterTableView AllowMultiColumnSorting="true" CommandItemDisplay="Top"> |
<CommandItemSettings ShowExportToWordButton="true" ShowExportToExcelButton="true" |
ShowExportToCsvButton="true" ShowExportToPdfButton="true" ShowAddNewRecordButton="false" /> |
</MasterTableView> |
<ClientSettings ReorderColumnsOnClient="True" AllowDragToGroup="True" AllowColumnsReorder="True"> |
<Scrolling AllowScroll="true" EnableVirtualScrollPaging="false" UseStaticHeaders="true" /> |
<Selecting AllowRowSelect="True"></Selecting> |
<Resizing AllowRowResize="True" AllowColumnResize="True" EnableRealTimeResize="True" |
ResizeGridOnColumnResize="False"></Resizing> |
</ClientSettings> |
<PagerStyle Mode="NextPrevAndNumeric" HorizontalAlign="Right" Font-Bold="true" AlwaysVisible="true" /> |
</telerik:RadGrid> |
</div> |
</form> |
</body> |
</html> |