Construindo uma tabela de dados responsiva

Para criar uma tabela Responsivo

1. Ir para a área de edição da página onde você deseja inserir uma tabela
2. Coloque o cursor no corpo da área de texto onde você quer inserir uma tabela e clique no ícone Tabela no editor WYSIWYG (texto)

add a table

3. Insira a quantidade de colunas e linhas que você gostaria para a sua tabela e clique em Inserir.
Para este exemplo vamos usar 3 colunas e 3 linhas.


4. Adicione o texto para sua tabela e, em seguida, clique no botão "Source" para editar o HTML


5. Para tornar a sua tabela sensível, você deve alterar o código html.
    (A.) Dentro do HTML, adicione (ou substitua) o código <table class="os-datatable">  acima da linha de borda da tabela.
    (B.) Substitua o primeiro conjunto de <td>, </ td> marcas para <th>, </ th> como mostrado abaixo.

Antes

Depois 

6. Depois de concluído, basta salvar
 

#################################### PAREI AQUI ################################

Criando os limites da tabela

Para adicionar uma borda a uma tabela existente:

1. Editar a página que contém a tabela
2. Clique na tabela no editor de texto e o ícone da tabela no editor WYSIWYG (texto)

3. Na caixa Border adicionar o número (1)

4. Clique em Atualizar
5. Observe que a tabela agora tem uma borda fina em torno dele

6. Clique em Salvar e visualizar os resultados

Para adicionar um limite a uma nova tabela, siga os passos que seria necessário para criar uma tabela e quando a adição de colunas e linhas, adicione o número (1) para a caixa de Fronteira.