Estoy tratando de usar footable (http://themergency.com/footable-demo/responsive-container.htm) junto con angular.js.

A medida que se reduce el tamaño de la ventana, las columnas 3, 4, 5 solo se muestran cuando se hace clic en el signo más.

Angular.js proporciona capacidades de filtrado, así que cuando coloco algunas cadenas de búsqueda como las siguientes:

Las filas en la tabla se filtran.

Ahora el problema es cuando intento eliminar esta cadena de búsqueda como se muestra a continuación:

Todas las filas se muestran de nuevo, pero la interfaz de usuario está distorsionada.

Traté de obtener una devolución de llamada en angular.js usando

$scope.$watch('searchStringID', function() {
$('#tableId').trigger('footable_initialize');
}

pero no funcionó, si alguien puede sugerir cómo abordar este problema.

Gracias.