CardViewTableLayoutSettings.ColumnCount Property

Gets or sets the number of columns that a page displays in table mode.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v24.2.dll

Declaration

C#

[DefaultValue(3)]
public int ColumnCount { get; set; }

VB.NET

<DefaultValue(3)>
Public Property ColumnCount As Integer

Property Value

Type	Default	Description
Int32	3	An Int32 value that specifies the number of columns displayed within a page.

Property Paths

You can access this nested property as listed below:

Library	Object Type	Path to ColumnCount
ASP.NET MVC Extensions	CardViewPagerState	.SettingsTableLayout .ColumnCount
ASP.NET Web Forms Controls	ASPxCardViewPagerSettings	.SettingsTableLayout .ColumnCount

Remarks

Use the ColumnCount property to specify the number of columns that a page displays when the ASPxCardViewSettings.LayoutMode property is set to Table. The number of rows can be specified via the CardViewTableLayoutSettings.RowsPerPage property.

If the ASPxCardView displays data in a flow layout (the ASPxCardViewSettings.LayoutMode property is set to Flow), the number of items on a page can be specified via the CardViewFlowLayoutSettings.ItemsPerPage property.

Example

To see data export in action, refer to the following online demo: Exporting to PDF, XLS, XLSX, RTF.

C#

public partial class Exporting_Exporting : System.Web.UI.Page {
    protected void btnPdfExport_Click(object sender, EventArgs e) {
        cardViewExport.WritePdfToResponse();
    }
    protected void btnXlsExport_Click(object sender, EventArgs e) {
        cardViewExport.WriteXlsToResponse(new XlsExportOptionsEx() { ExportType = ExportType.DataAware });
    }
    protected void btnXlsxExport_Click(object sender, EventArgs e) {
        cardViewExport.WriteXlsxToResponse(new XlsxExportOptionsEx() { ExportType = ExportType.DataAware });
    }
    protected void btnRtfExport_Click(object sender, EventArgs e) {
        cardViewExport.WriteRtfToResponse();
    }
}

ASPX

<dx:ASPxCardView ID="cardView" runat="server" DataSourceID="ProductsDataSource" KeyFieldName="ProductID" AutoGenerateColumns="False">
    <Columns>
        ...
    </Columns>
    <CardLayoutProperties>
        ...
    </CardLayoutProperties>
    <SettingsPager>
        <SettingsTableLayout RowsPerPage="2" ColumnCount="2" />
    </SettingsPager>
    <Styles>
        <Card Height="1" />
    </Styles>
</dx:ASPxCardView>
<dx:ASPxCardViewExporter ID="cardViewExport" runat="server" CardViewID="cardView" CardWidth="300" />