How to merge cells in React

This article mainly introduces "how to merge cells in React" related knowledge, editor through the actual case to show you the operation process, the method of operation is simple and fast, practical, I hope that this "how to merge cells in React" article can help you solve the problem.

React component file

Import React, {Component} from 'react';import'. / App.css' Class App extends Component {render () {return (form 4x4 00010203 10111213 20212223 30313233) 000103 101113 20212223 30313233 (rowSpan= "2") 00010203 101213 20212223 30313233);}} export default App

App.css

.App {text-align: center;} td {border: 1px solid # AB3319; width: 30px; height: 30px;} .title {color: # 444444; font-size: 20px; margin: 20px;} table {margin: 20px auto; border-collapse: collapse;}

Summary:

The style of React is generally written in the form of js objects, but the writing across rows and columns is special. It must be written to the location of the element attribute: 01.

What needs special attention is that row-span should be written as rowSpan and col-span should be written as colSpan.

This is the end of the introduction on "how to merge cells in React". Thank you for reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.