Question: I have an Array where i want to know each array length.

```
public int[][,] _EnemyPosition = new int[][,]
{
    new int[,]{ {0},{1},{2},{3},{4}},
    new int[,]{ {0,6},{1,7},{2,8},{3,9},{4,10}},
};

Debug.Log(_EnemyPosition.Length); // Output is 2
Debug.Log(_EnemyPosition[1].GetLength(0)); // Output is 5

```

But i am not able to get

```
 Debug.Log(_EnemyPosition[1][0].length);

```

Its throw me an error 

```
error CS0022: Wrong number of indexes `1' inside [], expected `2'

```

i want to know how to get length of this array 

```
_EnemyPosition[1][0].length

```

Answer: 
Use **disableRipple** as an attribute to disable ripples for the `md-tab-group` as **Angular2+** using the Angular material.

Just simply do something like this:

```
<md-tab-group disableRipple></md-tab-group>

```

Also if you are using the **latest Angular Material**, it's a little bit different like this below:

```
<mat-tab-group [disableRipple]="true"></mat-tab-group>

```
I came up with two ways to override md styles based on another post. I had the exact same problem for tabs being too wide in a small tab group. It is still very experimental and might need further explanations but it has worked for me.

1. First solution using **Sass** styling

You can use */deep/* before the class you are trying to override

```css
/* your-component.component.scss file*/

/deep/ .md-tab-label {
  min-width: 0px; /* Or whatever value you wish */
  /* In some situations !important seems necessary */
}
```

```html
<!-- your-component.component.html -->
<!-- Template from Angular Material's Github Readme.md -->
<md-tab-group>
  <md-tab>
    <template md-tab-label>
      The <em>best</em> pasta
    </template>
    <h1>Best pasta restaurants</h1>
    <p>...</p>
  </md-tab>
  <md-tab>
    <template md-tab-label>
      <md-icon>thumb_down</md-icon> The worst sushi
    </template>
    <h1>Terrible sushi restaurants</h1>
    <p>...</p>
  </md-tab>
</md-tab-group>
```

2. Second solution with **pure css**

	* Create an *overrides.css* file that you link in your main *index.html* and then override the material classes here

```css
/* overrides.css */
.md-tab-label ,.md-tab-label-active {
  min-width: 0; /* same comments as the first solution */
}
```

```html
<!-- index.html -->
<link rel="stylesheet" content="text/css" href="overrides.css">
```

Both are kinda dirty, but the first one provides me a good solution to override a md component's style, keeping the alterations inside the concerned components (consider wrapping those components for local changes only).