[CLOSED] Vertical line in gridpanel

  1. #1

    [CLOSED] Vertical line in gridpanel

    Is it possible to place a vertical line in a gridpanel?
    Last edited by Daniil; Jun 27, 2011 at 12:45 PM. Reason: [CLOSED]
  2. #2
    Hi,

    Do you mean cells vertical borders?
  3. #3
    Yes, if possible in whole columns.
  4. #4
    Well, you can achieve it trough css.

    Example
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {
                Store store = this.GridPanel1.GetStore();
                store.DataSource = new object[] 
                { 
                    new object[] { "test11", "test12", "test13" },
                    new object[] { "test12", "test22", "test23" },
                    new object[] { "test13", "test32", "test33" }
                };
                store.DataBind();
            }
        }
    </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">
        <title>Ext.Net Example</title>
        <style type="text/css">
            .my-grid .x-grid3-header-offset {
                padding-left: 0px;
            }
            .my-grid .x-grid3-row td {
                padding-left: 0px;
                padding-right: 0px;
                border-top: 1px solid;
            }
            
            .my-grid .x-grid3-row-last td {
                border-bottom: 1px solid;    
            }
            
            .my-grid .x-grid3-row {
                border: 0px;
            }
            .my-grid .x-grid3-hd-row td.x-grid3-cell-last {
                border-right-width: 1px;
                border-right-style: solid;
            }
            .my-grid .x-grid3-hd-row td {
                border-left-width: 1px;
                border-left-style: solid;
                border-color: Black;
                border-right-width: 0px;
            }
            .my-grid .x-grid3-col.x-grid3-cell {
                border-left-width: 1px;
                border-left-style: solid;
            }
            .my-grid .x-grid3-col.x-grid3-cell-last {
                border-right-width: 1px;
                border-right-style: solid;
            }                
        </style>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            <ext:GridPanel 
                ID="GridPanel1" 
                runat="server" 
                AutoHeight="true" 
                Cls="my-grid">
                <Store>
                    <ext:Store runat="server">
                        <Reader>
                            <ext:ArrayReader>
                                <Fields>
                                    <ext:RecordField Name="test1" />
                                    <ext:RecordField Name="test2" />
                                    <ext:RecordField Name="test3" />
                                </Fields>
                            </ext:ArrayReader>
                        </Reader>
                    </ext:Store>
                </Store>
                <ColumnModel runat="server">
                    <Columns>
                        <ext:Column Header="Test1" DataIndex="test1" />
                        <ext:Column Header="Test2" DataIndex="test2" />
                        <ext:Column Header="Test3" DataIndex="test3" />
                    </Columns>
                </ColumnModel>
            </ext:GridPanel>
        </form>
    </body>
    </html>

Similar Threads

  1. how to get only the changed line in GridPanel?
    By ascsolutions in forum 1.x Help
    Replies: 1
    Last Post: Feb 16, 2012, 7:08 PM
  2. Set value when added new line on gridpanel
    By flaviodamaia in forum 1.x Help
    Replies: 1
    Last Post: Jul 06, 2011, 10:53 PM
  3. [CLOSED] Vertical Button With Text, Or Vertical Tabs
    By rnachman in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Apr 21, 2011, 9:43 PM
  4. [CLOSED] A vertical line beside the tabs.
    By flormariafr in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Apr 05, 2010, 4:41 PM
  5. GridPanel line colors
    By flaviodamaia in forum 1.x Help
    Replies: 2
    Last Post: Feb 06, 2009, 2:58 PM

Tags for this Thread

Posting Permissions