javaDiView

<script type="text/javascript">
        $(document).ready(function() {
            editor = new $.fn.dataTable.Editor( {
                "ajaxUrl": "phonebook/init",
                "domTable": "#tabelsiswa",
                "fields": [ {
                        "label": "foto",
                        "name": "foto"
                    },
                    {
                        "label": "nama",
                        "name": "nama",
                    },
                    {
                        "label": "Jenis Kelamin",
                        "name": "kelamin"
                    },
                    {
                        "label": "Sekolah",
                        "name": "sekolah"
                    },
                    {
                        "label": "Status",
                        "name": "status"
                    },
                    {
                        "label": "Action",
                        "name": "action"
                    },
                ]
            });

            $('#tabelsiswa').dataTable( {
                "sDom": "<'row-fluid'<'span3'l><'span5'T><'span4'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
                "sAjaxSource": "datasiswa/datatab",
                "aoColumns": [
                    { "mDataProp": "foto" },
                    { "mDataProp": "nama" },
                    { "mDataProp": "kelamin" },
                    { "mDataProp": "sekolah" },
                    { "mDataProp": "status"},
                    { "mDataProp": "action"}
                ],
                "oTableTools": {
                    "sRowSelect": "multi",
                    "aButtons": [
                        { "sExtends": "editor_create", "editor": editor },
                        { "sExtends": "editor_edit",   "editor": editor },
                        { "sExtends": "editor_remove", "editor": editor }
                    ]
                }
            });
        } );
    </script>