Eu estou tentando usar footable (http://themergency.com/footable-demo/responsive-container.htm) junto com o angular.js.

À medida que o tamanho da janela é reduzido, as colunas 3, 4, 5 são exibidas apenas quando o sinal de mais é clicado.

O Angular.js fornece recursos de filtragem, por isso, quando coloco alguma string de pesquisa como abaixo:

Linhas na tabela são filtradas.

Agora, o problema é quando tento remover essa string de pesquisa como abaixo:

todas as linhas são mostradas novamente, mas a interface do usuário está distorcida.

Eu tentei obter um retorno de chamada em angular.js usando

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

mas não funcionou, se alguém pode sugerir como resolver este problema.

Obrigado.