This is a migrated thread and some comments may be shown as answers.

Vertical Line in first Column

3 Answers 98 Views

Grid

This is a migrated thread and some comments may be shown as answers.

3 Answers, 1 is accepted

answered on 16 Jun 2010, 01:17 PM

I do not have any custom skins ,just styles to remove the images

div.RadGrid_Web20

.rgHeader,

div.RadGrid_Web20

th.rgResizeCol

{

background-image: none ;

}

div.Borderless

.rgCommandRow

{

/* background-image:none;

background-color:#EEEEEE;*/

}

div.Borderless

.rgFilterRow

{

background-color:#EEEEEE;

}

div.Borderless

.rgActiveRow,

div.Borderless

.rgActiveRow td,

div.Borderless

.rgSelectedRow,

div.Borderless

.rgSelectedRow td

{

border-width:0 0 0 0; /*top right bottom left*/

}

div.Borderless

.rgHeader,

div.Borderless

th.rgResizeCol,

div.Borderless

.rgFilterRow td

{

border-width:0 0 0 0; /*top right bottom left*/

}

div.Borderless

.rgRow td,

div.Borderless

.rgAltRow td,

div.Borderless

.rgEditRow td,

div.Borderless

.rgFooter td

{

border-width:0;

}

answered on 18 Jun 2010, 08:00 AM

Hello Moustafa,

I am not able to reproduce the problem. Here is my test page, please compare with yours:

<%@ Page Language="C#" %>

<%@ Import Namespace="System.Data" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<script runat="server">

protected void RadGrid_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

DataTable dt = new DataTable();

DataRow dr;

int colsNum = 4;

int rowsNum = 6;

string colName = "Column";

for (int j = 1; j <= colsNum; j++)

{

dt.Columns.Add(String.Format("{0}{1}", colName, j));

}

for (int i = 1; i <= rowsNum; i++)

{

dr = dt.NewRow();

for (int k = 1; k <= colsNum; k++)

{

dr[String.Format("{0}{1}", colName, k)] = String.Format("{0}{1} Row{2}", colName, k, i);

}

dt.Rows.Add(dr);

}

(sender as RadGrid).DataSource = dt;

}

</script>

<!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">

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<title>RadControls</title>

<style type="text/css">

div.Borderless .rgHeader,

div.Borderless th.rgResizeCol,

div.Borderless .rgFilterRow td,

div.Borderless .rgRow td,

div.Borderless .rgAltRow td,

div.Borderless .rgEditRow td,

div.Borderless .rgFooter td

{

border-width:0;

padding-left:7px;

padding-right:7px;

}

</style>

</head>

<body dir="rtl">

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<telerik:RadGrid

ID="RadGrid1"

runat="server"

Width="800px"

Skin="Web20"

AllowMultiRowSelection="true"

CssClass="Borderless"

AllowFilteringByColumn="true"

OnNeedDataSource="RadGrid_NeedDataSource">

<MasterTableView>

<Columns>

<telerik:GridClientSelectColumn />

</Columns>

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="true" />

</ClientSettings>

</telerik:RadGrid>

</form>

</body>

</html>

Sincerely yours,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items