<th rowspan="2"></th>
๋ DOM์์ rowspan
๋ฅผ ์ค์ ํ์ง ์์ต๋๋ค.
๊ตฌ์ฑ ์์:
render: function() {
return (
<thead>
<tr>
{this.props.columns.map(this.renderColumnLabel)}
<th rowspan="2"></th>
</tr>
<tr>
{this.props.columns.map(this.renderColumnControl)}
</tr>
</thead>
);
}
์ฐ์ถ:
...
<th data-reactid=".r[5je1f].[0].[1].[1].[6].[0].[0].[1].[0].[0].[0].[1]"></th>
...
์ด๊ฒ์ด ๋์ ์ฒซ ๋ฒ์งธ PR์ด ๋ ์ ์์ต๋๊น? :)
rowSpan
ํ๋ฉด ์๋ํฉ๋๋ค. el.rowSpan = 2;
์ํํ๋ DOM ์ธํฐํ์ด์ค์์ ์ผ๊ด์ฑ์ ์ํด ์์ฑ์ camelcase ๋ฒ์ ์ ์ฌ์ฉํฉ๋๋ค. ๋ง์ ์ฌ๋๋ค์ด ์ด๊ฒ์ ๋ํด ํผ๋์ค๋ฌ์ํ๊ธฐ ๋๋ฌธ์ ์๋ชป๋ ์ผ์ด์ค๋ฅผ ์ฌ์ฉํ ๋ ๊ฒฝ๊ณ ํ๊ธฐ ์ํด ์ด๋ฏธ # 255๋ฅผ ์ด์์ต๋๋ค.
์, ๊ทธ ๊ฑฐ์์. ๊ณ ๋ง์์ :) ์ฅ๊ธฐ์ ์ผ๋ก # 255์ ํด๊ฒฐ์ ๊ธฐ๋ค๋ฆฌ ๊ฒ ์ง๋ง ๋จ๊ธฐ์ ์ผ๋ก ์ฝ๋๋ฅผ ์กฐ์ ํ๊ฒ ์ต๋๋ค ...
๊ทธ๊ฒ์ :) ์ ์์๋ค ์ฃ์กํฉ๋๋ค @ericclemmons ๋๋ ์์ฑ์ด ์ฌ์ 0.4 ๋๋ฝ ๋ ํจ์ค๋ฅผํ๋ ค๊ณ ๋ ธ๋ ฅํ์ง๋ง ๋๋ ๊ฒฝ์ฐ ์๋ฌด๊ฒ๋์์ ๋๋ฝ https://github.com/facebook/react/blob/master/src/dom/DefaultDOMPropertyConfig .js , ๋ฌธ์ ๋๋ PR์ ์์ ๋กญ๊ฒ์ฌ์ญ์์ค.
์, ์์ ํ rowSpan
(camelCased!)๊ฐ ๋๋ฝ ๋ ๊ฒ ๊ฐ์ต๋๋ค . PR์ ์ ์ถํ๊ฒ ์ต๋๋ค ...
์ด๋ฐ! ๋๋ colSpan์ ๋ณด์๊ณ , rowSpan๋ ๊ฑฐ๊ธฐ์์์ ๊ฒ์ด๋ผ๊ณ ์์งํ๊ฒ ๊ฐ์ ํ๋คโฆ :)
@ericclemmons ์์ง๋์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ณ ์ถ์ผ์ญ๋๊น?
# 291 ๋ง๋ฌด๋ฆฌ ...
์ด๋ก ์ธํด ์ฌ๋๋ค์ด DOM๊ณผ ์ผ๊ด์ฑ์ ์ ์งํ๋ ๋์ HTML๊ณผ ์ผ๊ด์ฑ์ ์ ์งํ๊ณ ๋ชจ๋ ์๋ฌธ์ ์์ฑ์ ์ง์ํ์ง ์๋ ์ด์ ๋ ๋ฌด์์ ๋๊น?
"autocomplete"์์ฑ์ ๋ํ์ด ๋ฌธ์ ์ ๋ํ ๋ฌธ์๋ก ๋์ ๊ฐ์ผํ์ต๋๋ค.
์ ๋ HTML์ฒ๋ผ ๋ณด์ด๋ ๊ฒ์ ์์ฑํ๊ณ ์์ต๋๋ค. HTML์ฒ๋ผ ์๋ํด์ผํฉ๋๋ค. ๊ทธ๋ ์ง ์์ผ๋ฉด ์ผ๊ด์ฑ์ด ์๋๋ผ ๋ถ์ผ์น์ ๋๋ค.
๋๋ ๋์ํ๋ค. ์์ฑ์ด ๋ชจ๋ .toLowerCase()
๋งคํ ๋ ๊ฒฝ์ฐ (๋์๊ฒ) ๋ฐ๋์งํฉ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
rowSpan
ํ๋ฉด ์๋ํฉ๋๋ค.el.rowSpan = 2;
์ํํ๋ DOM ์ธํฐํ์ด์ค์์ ์ผ๊ด์ฑ์ ์ํด ์์ฑ์ camelcase ๋ฒ์ ์ ์ฌ์ฉํฉ๋๋ค. ๋ง์ ์ฌ๋๋ค์ด ์ด๊ฒ์ ๋ํด ํผ๋์ค๋ฌ์ํ๊ธฐ ๋๋ฌธ์ ์๋ชป๋ ์ผ์ด์ค๋ฅผ ์ฌ์ฉํ ๋ ๊ฒฝ๊ณ ํ๊ธฐ ์ํด ์ด๋ฏธ # 255๋ฅผ ์ด์์ต๋๋ค.