Como altero a largura de uma coluna na tabela de bootstrap?
Em qualquer aplicativo, as tabelas são usadas para organizar os dados em forma de tabular. Existem colunas e linhas em uma mesa. Dependendo da situação, a coluna e as larguras e as alturas da linha podem ser alteradas. Mais especificamente, a largura das colunas deve ser especificada para ajustar os dados da tabela adequadamente. Por essa causa, o “c-*”A classe pode ser utilizada.
Este artigo descreverá como alterar a largura de uma coluna na tabela de bootstrap.
Como modificar a largura de uma coluna da tabela de bootstrap?
Para mudar a largura da coluna da tabela, o bootstrap “c-*”A classe pode ser usada, onde o asterisco“*”Simboliza o valor da largura como“25","50","75", e "100”, Que representa a largura da coluna da tabela como 25%, 50%, 75%e 100%, respectivamente.
Exemplo
Vamos implementar um exemplo para ver como o “c-*”Class funciona.
Etapa 1: Crie uma tabela
Crie uma tabela seguindo as etapas:
- Primeiro, crie uma tabela usando o HTML “
" elemento.
- Adicione um “”Tag para a parte do cabeçalho da tabela. Esta tag consiste em um “
”Tag para criar uma linha. - O "
”Especifica os títulos da coluna. - Então, adicione o “Parte que consiste em linhas de dados da tabela.
- O "
”Elementos especificam os dados da tabela. Html
S.Não Nome Pontuação 1 Lírio 98 2 Grahm 86 3 Oliver 84 Como resultado, a tabela adicionada ficará assim:
Etapa 2: Alterando a largura da tabela
Para alterar a largura da coluna da tabela, adicione a classe “W-75”Para a coluna:
Nome Como você pode ver, a largura da segunda coluna tornou -se 75% da tabela:
Dessa forma, você pode alterar com sucesso a largura de uma coluna na tabela de bootstrap.
Conclusão
Em bootstrap, o “c-*”A classe muda a coluna de largura da tabela. O "*”O símbolo indica o valor da largura, como“W-25","W-50","W-75", e "W-100”. Para alterar a largura da coluna específica, primeiro, crie uma tabela usando o HTML “
" marcação. Em seguida, adicione a classe desejada das classes mencionadas à coluna da mesa. Este artigo explicou como mudar a largura de uma coluna no bootstrap.
- « Como faço para listar apenas ramificações locais no git?
- Como usar o utilitário de disco no Ubuntu Top 10.Top 10 »
- Adicione um “”Tag para a parte do cabeçalho da tabela. Esta tag consiste em um “