# <netui-data:basicColumn> Tag

This tag renders a data set as a column in an HTML table.

## Syntax

<netui-data:basicColumn
[filterAction="string_filterAction"]
[filterable="boolean_filterable"]
name="string_name"
[sortAction="string_sortAction"]
[sortable="boolean_sortable"]
[styleClassPrefix="string_styleClassPrefix"]
title="string_title" />

## Description

This tag renders a data set as a column in an HTML table.

The data set is referenced with the `name` attribute and the column header is specified using the `title` attribute.

## Attributes

filterAction | The action method that will handle the filter operation.
Required | Supports runtime expression evaluation | Data bindable
No | No | No
filterable | Boolean. Determines whether or not the column is filterable
Required | Supports runtime expression evaluation | Data bindable
No | No | No
name | Specifies the RowSet field to be rendered by the <netui-data:basicColumn> tag. The `name` attribute specifies which data in the RowSet should be extracted and rendered as a column. The `name` attribute should match one of the fields in the RowSet schema. For example, suppose you have the following RowSet schema (located in the RowSet control file), containing four data fields: `ITEMNUMBER`, `ITEMNAME`, `QUANTITYAVAILABLE`, and `PRICE`.
           <xsd:element name="ITEMNUMBER" type="xsd:int" ...>
           </xsd:element>
           <xsd:element name="ITEMNAME" type="xsd:string" ...>
           </xsd:element>
           <xsd:element name="QUANTITYAVAILABLE" type="xsd:int" ...>
           </xsd:element>
           <xsd:element name="PRICE" type="xsd:double" ...>
           </xsd:element>
The value of the `name` attribute should match one of the four values: `ITEMNUMBER`, `ITEMNAME`, `QUANTITYAVAILABLE`, or `PRICE`.
           <netui-data:basicColumn name="ITEMNUMBER" filterable="true" title="Itemnumber" sortable="true"/>
Required | Supports runtime expression evaluation | Data bindable
Yes | No | No
sortAction | The action method that will handle the sort operation.
Required | Supports runtime expression evaluation | Data bindable
No | No | No
sortable | Boolean. Determines whether or not the column is sortable.
Required | Supports runtime expression evaluation | Data bindable
No | No | No
styleClassPrefix | The style class prefix used to make the style class name in the header, data, and footer cells. The `styleClassPrefix` will be concatinated with a suffix to create style class names that are rendered inside of the <td> tags for each cell in this column. Assuming the value of this attribute is `foo`, the style class names rendered for each part of the column are shown in the table below.
Column Region | Style class
Header | foo-td-header
Data | foo-td-data
Footer | foo-td-footer
Required | Supports runtime expression evaluation | Data bindable
No | No | No
title | The text that will be rendered in the columns header.
Required | Supports runtime expression evaluation | Data bindable
Yes | No | No

## Sample

This sample shows <netui-data:basicColumn> tags used in a <netui-data:grid> tag.

             <netui-data:grid dataSource="{pageFlow.allRows}" name="{pageFlow.gridName}">
                 <netui-data:gridStyle styleClassPrefix="gridStyle"/>
                 <netui-data:pager renderInHeader="true" action="pageAction" renderInFooter="true"/>
                 <netui-data:columns filterAction="begin" sortAction="begin">
                     <netui-data:anchorColumn action="detailsItems" addRowId="true" title="Details"/>
                     <netui-data:anchorColumn action="updateItems" addRowId="true" title="Edit"/>
                     <netui-data:basicColumn filterable="true" title="Itemnumber" sortable="true" name="itemnumber"/>
                     <netui-data:basicColumn filterable="true" title="Itemname" sortable="true" name="itemname"/>
                     <netui-data:basicColumn filterable="true" title="Quantityavailable" sortable="true" name="quantityavailable"/>
                     <netui-data:basicColumn filterable="true" title="Price" sortable="true" name="price"/>
                 </netui-data:columns>
             </netui-data:grid>

## Code Sample

[BEA_HOME]/weblogic81/samples/workshop/SamplesApp/WebApp/tagSamples/netui_databinding/grid/grid.jsp

## Related Topics

<netui-data:grid> Tag Sample