Extjs(Extended JavaScript Library) Column with sub-columns

Here’s another post which will help you categorize your columns. Given below is an example of discount and its sub types like: Percent discount and flat discount. This code can be used for many other sub divisions.

A single column can be divided into 2 sub-columns in extjs. A property having two modes of inputs can be divided into 2 columns , yet under one main column.

Here's the code :-

{

                             text : "Discount",

                             columns:[

                                         {   

                                                header: "%", width:40, dataIndex: 'discountPercent', sortable: true

                                         },

                                         {

                                             header: "Flat", width:55, dataIndex: 'flatDiscount', sortable: true

                                         }

                             ]

  }