[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Collapse]ASP.NET Bootstrap Controls
  Overview
 [Expand]Getting Started
 [Expand]Demos and Sample Applications
 [Expand]Project Configuration
 [Expand]Grid View
 [Collapse]Card View
  [Expand]Binding to Data
  [Collapse]Columns
    Data Columns
    Unbound Columns
   Data Summaries
  [Expand]Filtering
   Sorting
  [Expand]Data Editing
 [Expand]Scheduler
 [Expand]Spreadsheet
 [Expand]Rich Text Editor
 [Expand]Charts
  Sparkline
 [Expand]Data Editors
 [Expand]Site Navigation
 [Expand]Site Layout
  File Manager
 [Expand]Redistribution and Deployment
 [Expand]API Reference
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Data Columns

Data columns are used to display and edit data. The Bootstrap Card View supports bound and unbound data columns.

  • Bound data columns represent fields in Card View's data source. Their CardViewColumn.FieldName properties refer to valid fields in a data source.
  • Unbound columns are not bound to any field in a data source and should be populated manually. For more information, see Unbound Columns.

 

There are fifteen types of server data columns.

Class Name Description
BootstrapCardViewBinaryImageColumn Represents a data column used to display images from a binary stream.
BootstrapCardViewButtonEditColumn Represents a data column with the button editor.
BootstrapCardViewCheckColumn Represents a data column used to display and edit data from a Boolean data field.
BootstrapCardViewColorEditColumn Represents a data column whose values are edited using the color editor.
BootstrapCardViewComboBoxColumn Represents a data column whose values are edited using the combo box editor.
BootstrapCardViewColumn Represents a data column that automatically determines the type of its editors based on the type of a data field.
BootstrapCardViewDateColumn Represents a data column used to display and edit data from a DateTime data field.
BootstrapCardViewDropDownEditColumn Represents a data column with an editor containing a customizable dropdown window.
BootstrapCardViewHyperLinkColumn Represents a data column with a hyperlink functionality.
BootstrapCardViewImageColumn Represents a data column used to display images from specified URLs.
BootstrapCardViewMemoColumn Represents a data column used to display and edit memo data.
BootstrapCardViewProgressBarColumn Represents a data column with the Progress Bar editor.
BootstrapCardViewSpinEditColumn Represents a data column used to display and edit numeric data.
BootstrapCardViewTagBoxColumn A data column with the tag box editor.
BootstrapCardViewTextColumn Represents a data column used to display and edit text.
BootstrapCardViewTimeEditColumn Represents a data column used to display and edit time portions of DateTime values.

On the client, data columns are represented by ASPxClientCardViewColumn objects.

Expanded Behavior

Since different types of data columns present different types of data, they provide their own editors. For example, Boolean values are edited using a check box editor, while DateTime values are edited using a DateTime editor. To access and customize the column editor's settings, use the CardViewColumn.PropertiesEdit property.

Data columns provide a set of Boolean properties that enable you to specify which elements of a column's functionality (sorting, filtering, etc.) are available to end-users. These options can be accessed using the CardViewColumn.Settings property.

To make a column read-only, set its CardViewColumn.ReadOnly property to true.

Expanded Visibility

The column's visibility is specified by its WebColumnBase.Visible property. Its position among other visible columns is specified by its WebColumnBase.VisibleIndex property.

Expanded See Also

Is this topic helpful?​​​​​​​