Merge column footers

Merges the column footer by the number of rows and columns specified by footerUserSpans.

'It cannot be merged in the form of ㄱ or ㄴ.'

This is an example of merging the footers of the “Name” and “Gender” columns.

Multifooter settings

Add the number of multifooters to be used to the setFooters configuration array.

gridView.setFooters([{height:40},{height:40}]);

Merge column footers

Specify the merge span with the layout's footerUserSpans setting.

var layoutTest = [
     { name:"group0",
         header:{visible:false},
         direction:"horizontal",
         items: [{column:"KorName", footerUserSpans:[{rowspan:2, colspan:2}]},
             “Gender”,
             "Age",
         ]
     },
     'Phone',
     'ProductId',
     'KorCountry'
   ]
   gridView.setColumnLayout(layoutTest);

This is an example of merging only specific column footers.

var layoutTest = [
     { name:"group0",
         header:{visible:false},
         direction:"horizontal",
         items: [{column:"KorName", footerUserSpans:[{},{colspan:2}]},
             “Gender”,
             "Age",
         ]
     },
     'Phone',
     'ProductId',
     'KorCountry'
   ]
   gridView.setColumnLayout(layoutTest);

Column footer Column Footer HTML Template