rename 'zebra' -> horizontal/vertical

Signed-off-by: tfmark <[email protected]>

Author: tfmark

ipydatagrid/datagrid.py

@@ -321,10 +321,10 @@ class DataGrid(DOMWidget):
     index_name : str (default: "key")
         String to specify the index column name. **Only set when the grid
         is constructed and is not an observable traitlet**
-    zebra_rows : bool (default: False)
-        Enable "zebra striping" of the grid rows.
-    zebra_columns : bool (default: False)
-        Enable "zebra striping" of the grid columns.
+    horizontal_stripes : bool (default: False)
+        Enable themed coloring of alternate grid rows
+    vertical_stripes : bool (default: False)
+        Enable themed coloring of alternate grid columns
 
     Accessors (not observable traitlets)
     ---------
@@ -416,8 +416,8 @@ class DataGrid(DOMWidget):
     auto_fit_params = Dict(
         {"area": "all", "padding": 30, "numCols": None}, allow_none=False
     ).tag(sync=True)
-    zebra_rows = Bool(False).tag(sync=True)
-    zebra_columns = Bool(False).tag(sync=True)
+    horizontal_stripes = Bool(False).tag(sync=True)
+    vertical_stripes = Bool(False).tag(sync=True)
 
     def __init__(self, dataframe, index_name=None, **kwargs):
         # Setting default index name if not explicitly

js/datagrid.ts

@@ -122,8 +122,8 @@ export class DataGridModel extends DOMWidgetModel {
       grid_style: {},
       editable: false,
       column_widths: {},
-      zebra_rows: false,
-      zebra_columns: false,
+      horizontal_stripes: false,
+      vertical_stripes: false,
     };
   }
 
@@ -458,8 +458,8 @@ export class DataGridView extends DOMWidgetView {
     });
 
     const grid_style = this.model.get('grid_style');
-    if (this.model.get('zebra_rows') || this.model.get('zebra_columns')) {
-      const index = this.model.get('zebra_rows')
+    if (this.model.get('horizontal_stripes') || this.model.get('vertical_stripes')) {
+      const index = this.model.get('horizontal_stripes')
         ? 'rowBackgroundColor'
         : 'columnBackgroundColor';
       grid_style[index] = (index: number): string => {
@@ -796,8 +796,8 @@ export class DataGridView extends DOMWidgetView {
   model: DataGridModel;
   backboneModel: DataGridModel;
 
-  zebra_rows: boolean;
-  zebra_columns: boolean;
+  horizontal_stripes: boolean;
+  vertical_stripes: boolean;
 
   // keep undefined since widget initializes before constructor
   private _isLightTheme: boolean;