column.align : left|right|center|justify|initial|inheritDefault: undefined

This setting control the alignment of the text in the cell.

Examples

Material Design

    
 <table id="grid"></table>
 <script>
     $('#grid').grid({
         dataSource: '/Players/Get',
         columns: [
             { field: 'ID', width: 100, align: 'center' },
             { field: 'Name', align: 'right' },
             { field: 'PlaceOfBirth', align: 'left' }
         ]
     });
 </script>

Bootstrap 4

    
 <table id="grid"></table>
 <script>
     $('#grid').grid({
         dataSource: '/Players/Get',
         uiLibrary: 'bootstrap4',
         columns: [
             { field: 'ID', width: 56, align: 'center' },
             { field: 'Name', align: 'right' },
             { field: 'PlaceOfBirth', align: 'left' }
         ]
     });
 </script>