expandedRowRender and colspan
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 4/5
- Tempo estimado
- 3-5 dias
- Facilidade para iniciantes
- 35/100
- Tipo de issue
- Funcionalidade
- Clareza
- Razoavelmente clara
- Status de atividade
- Estagnada
- Stack de tecnologia
- react, typescript
- Domínio
- frontend
Direção de pesquisa
Comece rastreando expandedRowRender pelo caminho de renderização de linhas expandidas e verificando como o colspan atual é atribuído. Confirme se a API existente pode produzir várias células alinhadas com as colunas pai; considera-se concluído quando o conteúdo expandido é renderizado em células separadas com os colspans solicitados e o comportamento é coberto por um teste de regressão.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
Hi,
I am rendering a table, which has an expandedRowRender: (record) => <ExpandedLazyLoadedRow record={record} />, function to render a component once data is fetched from the api.
Currently the table renders like
What I am trying to do is render the td instead of this
<tr class="rc-table-expanded-row rc-table-expanded-row-level-1">
<td class="rc-table-cell" colspan="6">
<div style="display: flex;">
<div style="flex: 1 1 0%; padding-right: 8px;">Expanded Content 1 (colspan 2)</div>
<div style="flex: 3 1 0%;">Expanded Content 2 (colspan 4)</div>
</div>
</td>
</tr>
to
<tr class="rc-table-expanded-row rc-table-expanded-row-level-1">
<td class="rc-table-cell" colspan="2">
Some content
</td>
<td class="rc-table-cell" colspan="4">
Some content
</td>
</tr>
So that it aligns correctly with the parent column. Any inputs is really appreciated.
Thank you.
- Linguagem predominante
- TypeScript
- Estrelas
- 1.4k
- Forks
- 623
- Métricas de merge de PRs
- Nenhum PR com merge em 30d
Preparar o ambiente
Este projeto não oferece contêiner de desenvolvimento, Dockerfile nem guia de contribuição, então a configuração fica por sua conta: comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de react-component/table
-
Fixed-header tables force one getBoundingClientRect per column on every mount (ResizeObserver-driven MeasureCell)Talvez já em andamento @rubenmarcus assumiu há 20 dias. Aberta
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 42/100
react-component/table#1507 ·
-
rowExpandable does not work when dataSource has children fieldTalvez já em andamento @nrps9909 assumiu há 55 dias. Aberta
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 50/100
react-component/table#1416 ·
-
Dificuldade 5/5 Mais de uma semana Facilidade para iniciantes 30/100
react-component/table#1403 ·
-
Dificuldade 5/5 Mais de uma semana Facilidade para iniciantes 15/100
react-component/table#1269 · 1 comentário ·
-
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 35/100
react-component/table#1257 · 1 reação ·
Todas as issues de react-component/table
Issues semelhantes
-
engine-rs P3 review-deferral wasm
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 77/100
maniator/verticopolis#1154 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 85/100
Mantenedores costumam responder em até 1 dia
-
Bug
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
telerik/kendo-react#3861 ·
Mantenedores costumam responder em até 1 dia
-
[bug]: use-mobile.ts uses pixel logic, causing UI state de-sync with Tailwind CSS rem breakpointsAbertabug
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 72/100
Mantenedores costumam responder em até 1 dia
-
task
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 72/100