React Data GridPassword cell type
Use the password cell type to mask confidential values by rendering entered characters as symbols.
Overview
The password cell type behaves like a text cell, the only difference being that it masks its value using asterisks in the cell renderer. An <input type="password">
field is used for the cell editor. Data is stored in the data source as plain text.
ID | First name | Last name | Password |
---|---|---|---|
1 | Chris | Right | ***************** |
2 | John | Honest | *** |
3 | Greg | Well | ****** |
ID | First name | Last name | Password |
---|
Fixed hash length
By default, every hash has a length equal to the length of its corresponding value. Use option hashLength
to set a fixed hash length.
ID | First name | Last name | Password |
---|---|---|---|
1 | Chris | Right | ********** |
2 | John | Honest | ********** |
3 | Greg | Well | ********** |
ID | First name | Last name | Password |
---|
Custom hash symbol
By default, every hash consists of asterisks *
. Use the option hashSymbol
to set a custom hash symbol. You can use any character, entity, or even HTML. Note that you can't change the symbol used by the input field due to browser limitations.
ID | First name | Last name | Password |
---|---|---|---|
1 | Chris | Right | ■■■■■■■■■■■■■■■■■ |
2 | John | Honest | ■■■ |
3 | Greg | Well | ■■■■■■ |
ID | First name | Last name | Password |
---|
Related articles
Related guides
Related API reference
- Configuration options:
- Core methods:
- Hooks:
There is a newer version of Handsontable available. Switch to the latest version ⟶