Line doesn't appear below the row in a grid

Question

0.00/5 (No votes)

See more:

i want to show line below every row of grid. but it doesn't appear i used css class="table" and put grid inside table with proper tr and td. what to do so that every row separated by line.

What I have tried:

<asp:GridView runat="server" ID="Gridstoremanager" AutoGenerateColumns="false" GridLines="None" AllowPaging="true" OnPageIndexChanging="Gridstoremanager_PageIndexChanging" PageSize="10" CssClass="table" Width="100%" EmptyDataText="Store Manager Not Found!!!" OnRowDataBound="Gridstore_RowDataBound">
<columns> <asp:TemplateField HeaderText="Sr. No.">
<itemtemplate>
<%#Container.DataItemIndex+1 %>

<asp:BoundField DataField="Name" HeaderText="Manager Name" />
<asp:BoundField DataField="EmailId" HeaderText="EmailId" />
<asp:BoundField DataField="StoreName" HeaderText="Store Name" />
<asp:BoundField DataField="MobileNo" HeaderText="Mobile No." />
<asp:BoundField DataField="EmpStatus" HeaderText="Status" />
<asp:TemplateField ItemStyle-HorizontalAlign="Right" HeaderText="View">
<itemtemplate>
<asp:ImageButton ID="ImageBtnEdit" ImageUrl="~/Icons/btn-edit.png" CommandArgument='<%#Eval("EmpId") %>' runat="server" ToolTip="Click here to Edit Manager" OnClick="ImageBtnEdit_Click" />
<asp:ImageButton ID="Imagebtnact" CommandArgument='<%#Eval("EmpId")%>' runat="server" OnClick="Imagebtnact_Click" />
<asp:ImageButton ID="ImageBtndel" ImageUrl="~/Icons/delete-icon.png" ToolTip="Click here to Delete Manager" CommandArgument='<%#Eval("EmpId") %>' runat="server" OnClientClick="return fnConfirm();" OnClick="ImageBtndel_Click" />

<pagerstyle cssclass="pagination-ys">

Posted 26-Apr-16 0:06am

Member 12423456

Updated 26-Apr-16 0:23am

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Karthik_Mahalingam · Answer 1 · 2016-04-26T00:23:00

Solution 1

change the GridLines[^] Property to Horizontal or Both

HTML

GridLines="Horizontal"

<asp:gridview runat="server" id="Gridstoremanager" autogeneratecolumns="false" ~~GridLines="None"~~ AllowPaging="true" OnPageIndexChanging="Gridstoremanager_PageIndexChanging" PageSize="10" CssClass="table" Width="100%" EmptyDataText="Store Manager Not Found!!!" OnRowDataBound="Gridstore_RowDataBound">

Create Row Created Event for the gridview and update it as

C#

protected void GridView1_RowCreated(object sender, GridViewRowEventArgs e)
       {
           if (e.Row.RowType == DataControlRowType.DataRow)
           {
               for (int i = 0; i < e.Row.Cells.Count; i++)
               {
                   e.Row.Cells[i].Style.Add("border-bottom", "3px solid red");
               }

           }
       }

Posted 26-Apr-16 0:23am

Karthik_Mahalingam

Updated 26-Apr-16 1:36am

v3

Comments

Member 12423456 26-Apr-16 6:42am

sorry but u interpret me wrong i want line below the every row of grid not the border of grid. please tell me solution in that way. i apply changes told by u but it cause effect which i don't want.

Karthik_Mahalingam 26-Apr-16 6:47am

have you changed the property to GridLines="Horizontal" ?

Member 12423456 26-Apr-16 7:24am

yes i have changed but it cause other effect which i don't want. i need horizontal line after every line or record of grid... i think i didn't make you clear what i want. Am i? The code which i have send to above,i have done same code in another page it shows me proper grid with horizontal line after every row.

Karthik_Mahalingam 26-Apr-16 7:37am

check my updated solution.

Member 12423456 26-Apr-16 7:51am

can i send u my both the ASPX pages so u can understand more clearly what i want to say.

Karthik_Mahalingam 26-Apr-16 7:54am

still you can provide more input for explaining your issue.

Member 12423456 26-Apr-16 8:01am

ok i am sending you both the pages. 1st one is "frmstore.aspx" which is working properly
<%@ Page Title="" Language="C#" MasterPageFile="~/Admin/Admin.master" AutoEventWireup="true" EnableEventValidation="false" CodeFile="frmStore.aspx.cs" Inherits="Admin_frmStore" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="Server">
<script type="text/javascript">
function pageLoad(sender, args) {
if (args.get_isPartialLoad()) {
$('[Id*=Gridstore]').footable();
} else {

$('[Id*=Gridstore]').footable();
}
}
</script>
<script type="text/javascript">
function fnConfirm() {
if (confirm("The item will be deleted. Are you sure want to continue?") == true)
return true;
else
return false;
}
</script>

<style>
#MainContent_Gridstoretr:first-child td {
border: none;
}
</style>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<contenttemplate>
<div class="jumbotron">
<br />
<asp:Button ID="BtnBack" runat="server" Text="Add New Store" PostBackUrl="~/Admin/frmAddStore.aspx" CssClass="btn btn-success " />
<asp:Label ID="lblmsg" runat="server" Visible="false">
<table class="table table-bordered">
<tr>
<th>Search Store</th>
</tr>
<tr>
<td style="border: none!important">
<div class="row">
<div class="col-md-4 ">
<div class="form-group ">
<label>Name</label>
<div class="col-md-12">
<%-- <asp:Label runat="server">Store Name--%>
<div class="input-group">
<span class="input-group-addon" id="basic-addon1">N</span>
<asp:TextBox runat="server" CssClass="form-control " ID="txtstorename" aria-describedby="basic-addon1" Style="max-width: 100%!important">
<%-- <asp:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" TargetControlID="txtstorename" ServiceMethod="GetStoreName" MinimumPrefixLength="1" CompletionInterval="10" EnableCaching="false" CompletionSetCount="1">--%>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group ">
<label>Contact no.</label>
<div class="col-md-12">
<%-- <asp:Label runat="server">Contact No.--%>
<div class="input-group">
<span class="input-group-addon" id="basic-addon2">C</span>
<asp:TextBox runat="server" CssClass="form-control " placeholder="Enter 11 digit Number" ID="txtcontactno" aria-describedby="basic-addon2" Style="max-width: 100%!important">
</div>
</div>

Karthik_Mahalingam 26-Apr-16 6:57am

check this http://stackoverflow.com/a/4683720/1147428