
<script type="text/javascript">
    $(document).ready(function(){
        var table=$('#tb-staff').DataTable({            
            dom: 'Bfrtip',
            autoWidth: false,
            buttons: [{extend:'excelHtml5',text:'导出到Excel'}],           
            language:lng,           
            data:{{data|safe}},
            destroy:true,
        });      
        
        table.columns().every( function () {                        
            var that = this;             
            $('input', this.footer() ).on( 'keyup change clear', function () {
                if ( that.search() !== this.value ) {
                    that.search( this.value ).draw();
                }
            });
        });        

    });
</script>


<style>
  
   
</style>


<div id='list-tt'  style='margin-bottom:10px;' current='{{url}}'>{{label}}
    <a tt='公司员工' class='btn btn-xs btn-primary btn-default btn-add' href='/company/orginazition/edit/staff/'>添加</a>
</div>
<table id="tb-staff" dept_id='{{obj.id}}' class="table table-striped table-bordered dt-responsive nowrap" cellspacing="0" width="100%"> 
    <thead>
        {% for c in clmns %}
            <th>{{c}}</th>
        {% endfor %}
    </thead>
    <tbody></tbody>
    <tfoot>
        {% for c in clmns %}
            <th><input type="text" placeholder="{{c}}"></th>            
        {% endfor %}            
    </tfoot>
</table>

