<script type="text/javascript">
<!--
$(document).ready(function() {
    $('#utable').flexigrid({
        url: './user/json',
        dataType: 'json',
        colModel : [
       		{display: 'ID', name : 'id', width : 50, sortable : true, align: 'center'},
            {display: '<?php echo $this->translate('user.label.user_id'); ?>', name : 'user_id', width : 120, sortable : true, align: 'left'},
            {display: '<?php echo $this->translate('user.label.name'); ?>', name : 'name', width : 200, sortable : true, align: 'left'},
            {display: '<?php echo $this->translate('user.label.mailaddress'); ?>', name : 'mailaddress', width: 200, sortable: true, align:'left'},
            {display: '<?php echo $this->translate('user.label.create_datetime'); ?>', name : 'createdatetime', width: 150, sortable: false, align:'left'},
            {display: '<?php echo $this->translate('user.label.update_datetime'); ?>', name : 'updatedatetime', width: 150, sortable: false, align:'left'},
            {display: '<?php echo $this->translate('common.label.operation'); ?>', name: 'operation', width: 200, sortable: false, align: 'center'}
        ],
        rpOptions: [10,30,50],
        pagestat: '<?php echo $this->translate('common.flex_grid.pagestat'); ?>',
        procmsg: '<?php echo $this->translate('common.flex_grid.procmsg'); ?>',
        singleSelect: true,
        sortname: "id",
        sortorder: "ASC",
        usepager: true,
        title: '',
        useRp: true,
        rp: 10,
        showTableToggleBtn: true,
        width: 'auto',
        height: 'auto'
    });
});
// -->
</script>

<h1><?php echo $this->translate('user.title.view_list'); ?></h1>

<table id="utable"></table>

<br/>
<ul><li>&gt;&nbsp;&nbsp;<a href="<?php echo $this->appPath('controller'); ?>/create_input"><?php echo $this->translate('user.operation.create'); ?></a></li></ul>
