components.js

var filterBy = function(tableType) {
$.fn.dataTableExt.afnFiltering.length = 0;
$.fn.dataTable.ext.search.push(
    function( settings, data, dataIndex ) {        
        var type = data[5]; // use data for the age column
 
        if ( type == tableType || tableType=='All' )
        {
            return true;
        }
        return false;
    }
);
}

$(document).ready(function() {
	var activeObject;
    var table = $('#database_objects').DataTable( {
        lengthChange: false,
		pageLength: 50,
		buttons: [ 
						{
							text: 'All',
							action: function ( e, dt, node, config ) {
								filterBy('All');
								if (activeObject != null) {									
									activeObject.active(false);								
								}								
								table.draw();
							}
						},		
						{
							text: 'Tables',
							action: function ( e, dt, node, config ) {
								filterBy('Table');	
								if (activeObject != null) {									
									activeObject.active(false);								
								}
								this.active( !this.active() );								
								activeObject = this;
								table.draw();
							}
						},
						{
							text: 'Views',
							action: function ( e, dt, node, config ) {
								filterBy('View');
								if (activeObject != null) {									
									activeObject.active(false);								
								}
								this.active( !this.active() );	
								activeObject = this;
								table.draw();
							}
						},
						{
							extend: 'columnsToggle',
							columns: '.toggle'
						}
					]					
					
    } );
 
    table.buttons().container()
        .appendTo( '#database_objects_wrapper .col-sm-6:eq(0)' );
} );