Skip to content
Branch: master
Find file History
Latest commit 43f18e0 Feb 20, 2019
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
README.md
alternating-rowclass.json Added alternating-rowclass sample Feb 19, 2019
screenshot.png
screenshotCombined.png
screenshotFiltered.png
screenshotSorted.png

README.md

Alternating Rows

Summary

Highlights every other row using theme colors.

Alternating Rows

By usng the @rowIndex keyword, the alternating style will be applied regardless of sorting and filtering.

Alternating Rows with sorting

Alternating Rows with filtering

By using the Office UI Fabric color classes for themes, we can ensure our format looks good in all themes including both light and dark as well as custom themes.

View requirements

  • None, this format will apply to any view!

Sample

Solution Author(s)
alternating-rowclass Chris Kent

Version history

Version Date Comments
1.0 February 19, 2019 Initial release

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.


Additional notes

Because this format is using the additionalRowClass property, it can be combined with column formats to make a pretty compelling visualization:

Combined with Column Formatting

Column Format samples shown above:

You can’t perform that action at this time.