Como alterar a cor de fundo das linhas de tabela ou células individuais em bootstrap

No bootstrap, as classes predefinidas são utilizadas para adicionar vários estilos aos elementos. Essas classes ajudam os desenvolvedores a criar sites responsivos e visualmente atraentes. Mais especificamente, as tabelas de estilo são uma das características valiosas do bootstrap. Enquanto trabalha com tabelas, uma tarefa comum é alterar a cor de fundo de linhas ou células individuais.

Este artigo descreverá:

• • Como criar uma tabela de bootstrap?
  • Como modificar a cor de fundo das linhas de tabela no bootstrap?
  • Como alterar a cor de uma célula de tabela individual no bootstrap?

Como criar uma tabela de bootstrap?

Para criar uma tabela no bootstrap, experimente as seguintes etapas:

• • Primeiro, adicione um “”Elemento para fazer uma tabela. Atribua o “mesa","Table-Bordered" e "Aunchas da mesa" Aulas.
    Então, para especificar o cabeçalho da tabela, use o “”Tag, que consiste em“
    ”Elemento, que consiste no“”Para a linha e o“" marcação.
    Para definir a cor da célula de tabela específica, especifique uma classe para essa em particular “

    ”Tags para especificar os títulos. Após a parte do cabeçalho, crie a parte do corpo usando o “
    " papel. Html S não. Nomes dos alunos Curso 1 Sido um Sistemas operacionais 2 Casar Programação orientada a objetos 3 Linda Sistemas de computador 4 Peter Design gráfico Como você pode ver, a tabela de bootstrap foi criada com sucesso: Como modificar as linhas de tabela cor em bootstrap? As classes predefinidas são usadas para alterar a tabela ou as cores da linha, conforme explicado abaixo: Aulas Descrição ““Tabela-primária” Esta classe é utilizada para indicar ação vital. Adiciona uma cor azul aos elementos da mesa. ““Table Danger” Esta classe é usada para representar a ação negativa. Aplica uma cor vermelha aos elementos da tabela. ““Tabela-sucesso” Ele mostra a ação positiva e aplica a cor verde aos elementos da tabela. ““envergonhamento da mesa” Ele exibe avisos que exigem alguma ação e adicionam uma cor amarela aos componentes da tabela. ““Table-default” Esta classe adiciona cor branca aos componentes da tabela e é usado para mostrar a linha que é selecionada. ““Tabela-secundária” Aplica uma cor acinzentada aos elementos da mesa e indica as atividades menos importantes. ““Tabela ativa” Aplica a cor cinza aos componentes da tabela no mouse. ““Table-Info” Aplica uma cor azul claro para indicar uma ação informativa neutra. ““Tabela-escura” É utilizado para criar uma mesa cinza escura. ““luz da mesa” Adiciona cor cinza e é usada para especificar o fundo da linha da tabela. Exemplo Vamos implementar cada classe nas linhas da tabela: S não. Classe de Bootstrap 1 Tabela-primária 2 Table Danger 3 Tabela-sucesso 4 envergonhamento da mesa 5 Table-default 6 Tabela-secundária 8 Table-Info 7 Tabela ativa 9 Tabela-escura 10 luz da mesa Saída Como modificar a cor de células individuais no bootstrap? Para mudar a cor de células individuais, várias classes podem ser utilizadas, como: ““BG-Info”Significa uma ação informativa neutra e adiciona uma cor azul. ““BG-Primary”Representa a ação positiva e aplica uma cor azul. ““BG-Danger”Indica a ação perigosa e adiciona uma cor vermelha. ““BG-caules”É utilizado para adicionar uma cor amarela e indica uma mensagem de aviso. ““BG-success”Indica uma ação positiva. Para ajustar a cor da célula individual, adicione a classe necessária à célula de dados específica “<td>”. Confira o exemplo que demonstra a explicação discutida acima. Exemplo: Alterar a cor de uma célula de tabela específica no bootstrap No exemplo seguinte: Para alterar a cor da linha da tabela, especifique a classe dentro do “
    " elemento: S não. Nomes dos alunos Curso 1 Sido um Sistemas operacionais 2 Casar Programação orientada a objetos 3 Linda Sistemas de computador 4 Peter Design gráfico Saída Isso se tratava de mudar a cor de fundo das linhas de tabela ou células individuais em bootstrap. Conclusão Para alterar a cor de fundo das linhas de mesa, o “Aunchas da mesa”A classe pode ser usada. Várias classes podem ser usadas para especificar a cor de fundo da linha, como “Table Danger","envergonhamento da mesa","Tabela-escura","Tabela-primária", e muitos mais. Mais especificamente, para alterar a cor da célula da tabela específica, várias classes, como “BG-Danger","BG-success", e "BG-Info”São utilizados. Este artigo explicou como alterar a cor de fundo das linhas de mesa ou células individuais em bootstrap. « Como encontrar o ancestral comum mais recente de dois ramos? Como atribuir várias linhas string no Console PowerShell » C nítido O que são sequências de fuga em C# A sequência de escape em C# é uma sequência de caracteres que representa um significado especial qua... Mr. Warren Cummerata php Como usar o Substr_replace Função no PHP No PHP, substr_replace () é uma função interna usada para substituir uma parte de uma string por out... Orlando Green Golang O que é uma classe e um objeto em Golang? GO não tem aulas ou objetos no sentido clássico; Em vez disso, ele usa estruturas e interfaces. Este... Pedro Macejkovic Pitão Grupo de Pandas por Quantil Mr. Warren Cummerata Pitão String de gravação python para arquivo Marlon Bernhard PostGresql Como copiar uma tabela de um banco de dados para outro no PostgreSQL Benny Hilll DDS Docker O que é o Docker Bind Mounds? Salvatore Watsica Golang Introdução à linguagem de programação de Golang Pedro Macejkovic Sqlite Como usar o aplicativo da Web do Viewer SQLite Carl Hintz DDS Banco de dados Oracle O que é o Oracle SQL*Plus e para que é usado? Marlon Bernhard html Como adicionar e reproduzir vídeos em uma página da web usando HTML? Tommie Konopelski Powershell Como usar o cmdlet de objeto de classificação em PowerShell Bryant Rowe Sr. Git Como criar um repositório Git para projetos locais? Rickey Greenholt