Jquery Datatable theme Hide header/footer balk

Question

I am trying to remove the header/footer balk of this table

Picture of what I am trying to remove:

Answer 1

via js:

$(document).ready(function() {
    var oTable = $('#tableSmooth').dataTable({
        "bFilter" : false, 
        "bJQueryUI" : true, 
        "sPaginationType" : "full_numbers", 
        "bPaginate": false,
        "bInfo": false
    });
});

or via css:

/* these classes are generated by 'jquery.dataTables.js' */

.dataTables_length, 
.dataTables_filter,
.dataTables_info,
.dataTables_paginate {
    display:none;
}

JSFIDDLE