BUG: render dataframe as html do not produce duplicate element id's (#16780)
closes #16780 
tests added / passed
passes ``git diff upstream/master --name-only -- '*.py' | flake8 --diff``
whatsnew entry

# [Codecov](https://codecov.io/gh/pandas-dev/pandas/pull/16801?src=pr&el=h1) Report
> Merging [#16801](https://codecov.io/gh/pandas-dev/pandas/pull/16801?src=pr&el=desc) into [master](https://codecov.io/gh/pandas-dev/pandas/commit/664348c440ccb4dab3d4c420d6aaee7c688c9b0e?src=pr&el=desc) will **not change** coverage.
> The diff coverage is `n/a`.

[![Impacted file tree graph](https://codecov.io/gh/pandas-dev/pandas/pull/16801/graphs/tree.svg?width=650&token=eZ4WkYLtcO&height=150&src=pr)](https://codecov.io/gh/pandas-dev/pandas/pull/16801?src=pr&el=tree)

```diff
@@           Coverage Diff           @@
##           master   #16801   +/-   ##
=======================================
  Coverage   90.93%   90.93%           
=======================================
  Files         161      161           
  Lines       49260    49260           
=======================================
  Hits        44797    44797           
  Misses       4463     4463
```

| Flag | Coverage Δ | |
|---|---|---|
| #multiple | `88.71% <ø> (ø)` | :arrow_up: |
| #single | `40.18% <ø> (ø)` | :arrow_up: |

| [Impacted Files](https://codecov.io/gh/pandas-dev/pandas/pull/16801?src=pr&el=tree) | Coverage Δ | |
|---|---|---|
| [pandas/io/formats/style.py](https://codecov.io/gh/pandas-dev/pandas/pull/16801?src=pr&el=tree#diff-cGFuZGFzL2lvL2Zvcm1hdHMvc3R5bGUucHk=) | `100% <ø> (ø)` | :arrow_up: |

------

[Continue to review full report at Codecov](https://codecov.io/gh/pandas-dev/pandas/pull/16801?src=pr&el=continue).
> **Legend** - [Click here to learn more](https://docs.codecov.io/docs/codecov-delta)
> `Δ = absolute <relative> (impact)`, `ø = not affected`, `? = missing data`
> Powered by [Codecov](https://codecov.io/gh/pandas-dev/pandas/pull/16801?src=pr&el=footer). Last update [664348c...36646d2](https://codecov.io/gh/pandas-dev/pandas/pull/16801?src=pr&el=lastupdated). Read the [comment docs](https://docs.codecov.io/docs/pull-request-comments).
 # [Codecov](https://codecov.io/gh/pandas-dev/pandas/pull/16801?src=pr&el=h1) Report
> Merging [#16801](https://codecov.io/gh/pandas-dev/pandas/pull/16801?src=pr&el=desc) into [master](https://codecov.io/gh/pandas-dev/pandas/commit/85740a5b6285e529931aab7a205468e57d023b7f?src=pr&el=desc) will **decrease** coverage by `0.01%`.
> The diff coverage is `n/a`.

[![Impacted file tree graph](https://codecov.io/gh/pandas-dev/pandas/pull/16801/graphs/tree.svg?width=650&token=eZ4WkYLtcO&height=150&src=pr)](https://codecov.io/gh/pandas-dev/pandas/pull/16801?src=pr&el=tree)

```diff
@@            Coverage Diff             @@
##           master   #16801      +/-   ##
==========================================
- Coverage   90.95%   90.93%   -0.02%     
==========================================
  Files         161      161              
  Lines       49260    49260              
==========================================
- Hits        44806    44797       -9     
- Misses       4454     4463       +9
```

| Flag | Coverage Δ | |
|---|---|---|
| #multiple | `88.71% <ø> (ø)` | :arrow_up: |
| #single | `40.18% <ø> (-0.07%)` | :arrow_down: |

| [Impacted Files](https://codecov.io/gh/pandas-dev/pandas/pull/16801?src=pr&el=tree) | Coverage Δ | |
|---|---|---|
| [pandas/io/formats/style.py](https://codecov.io/gh/pandas-dev/pandas/pull/16801?src=pr&el=tree#diff-cGFuZGFzL2lvL2Zvcm1hdHMvc3R5bGUucHk=) | `100% <ø> (ø)` | :arrow_up: |
| [pandas/io/gbq.py](https://codecov.io/gh/pandas-dev/pandas/pull/16801?src=pr&el=tree#diff-cGFuZGFzL2lvL2dicS5weQ==) | `25% <0%> (-58.34%)` | :arrow_down: |
| [pandas/core/frame.py](https://codecov.io/gh/pandas-dev/pandas/pull/16801?src=pr&el=tree#diff-cGFuZGFzL2NvcmUvZnJhbWUucHk=) | `97.66% <0%> (-0.1%)` | :arrow_down: |

------

[Continue to review full report at Codecov](https://codecov.io/gh/pandas-dev/pandas/pull/16801?src=pr&el=continue).
> **Legend** - [Click here to learn more](https://docs.codecov.io/docs/codecov-delta)
> `Δ = absolute <relative> (impact)`, `ø = not affected`, `? = missing data`
> Powered by [Codecov](https://codecov.io/gh/pandas-dev/pandas/pull/16801?src=pr&el=footer). Last update [85740a5...289c922](https://codecov.io/gh/pandas-dev/pandas/pull/16801?src=pr&el=lastupdated). Read the [comment docs](https://docs.codecov.io/docs/pull-request-comments).
 Thanks!