If I execute the following code in Python:
df = pd.DataFrame(np.random.rand(20000, 3), columns=['key1', 'key2', 'key3'])
s = Styler(df, uuid_len=0, cell_ids=False).applymap(lambda x: 'background-color: yellow;', subset='key3')
html1 = '<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body>'
html2 = '</body></html>'
with open("output.html", "w") as file:
file.write(html1 + s.render() + html2)
It generates a table in HTML with cells (20000 rows and 3 columns) with the final column coloured. Each is coloured by a specific id tag and a style, e.g.:
<style>.. #T__row19260_col2 {background-color: yellow;} ..</style>
...
<td id="T__row19260_col2">0.50</td>
The problem is that only the first 8192 cells are coloured (rendered in Chrome). This is suspiciously 13bits so I wonder whether it is a browser or HTML specific limitation?
There is no issue with the HTML generation.
question from:
https://stackoverflow.com/questions/65925319/maximum-number-of-html-ids-for-css-reference-in-single-page 与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
