Issue 1:
Cannot style the expandalble Icon button

version 0.18.1 by npm

I have searched the issues of this repository and believe that this is not a duplicate.

This is my code

class TaskCard extends React.Component {
constructor(props){
super(props);
}
render(){
const {data}=this.props;
return (
<Card >
<CardHeader
title={this.props.title}
subtitle= {data.FixDetails}
actAsExpander={true}
showExpandableButton={true}
avatar={
<div style={{display:'inline'}}>
<FontIcon className="material-icons" style={{marginRight:'15px'}} >play_arrow</FontIcon>
<FontIcon className="material-icons" color={getSevrityColor(data.Sevirity)} >error</FontIcon>
</div>
}
style={{display:'inline-block',width:'80%'}}
iconStyle={{margin:'0px'}}
/>
<CardActions style={{display:'inline-block'}}>`
//buttons
</CardActions>
<CardText expandable={true} >
{data.FixDetails}
</CardText>
</Card>
)
}`
};

which I render through map

data.Tasks.map((x,i) => <TaskCard key={i} data={x} Tags={x.Tags} title={x.Tags.origin} subtitle={x.Type}/>)

The error I get is

Warning: Unknown prop `iconStyle` on <div> tag. Remove this prop from the element. For details, see https://fb.me/react-unknown-prop
in div (created by CardHeader)
in CardHeader (created by TaskCard)
in div (created by Card)
in div (created by Paper)
in Paper (created by Card)
in Card (created by TaskCard)
in TaskCard (created by tasks)
in div (created by List)
in List (created by tasks)
in div (created by tasks)
in div (created by tasks)
in div (created by tasks)
in tasks (created by Unknown)
in div (created by Page)
in TweenOne (created by QueueAnim)
in div (created by QueueAnim)
in QueueAnim (created by Page)
in div (created by Page)
in Page (created by Connect(Page))
in Connect(Page) (created by DimensionsHOC)
in div (created by DimensionsHOC)
in DimensionsHOC (created by Unknown)
in div (created by MainAppLoggedIn)
in div (created by MainAppLoggedIn)
in div (created by MainAppLoggedIn)
in section (created by MainAppLoggedIn)
in div (created by MainAppLoggedIn)
in MainAppLoggedIn (created by DimensionsHOC)
in div (created by DimensionsHOC)
in DimensionsHOC (created by BaseDashboard)
in BaseDashboard (created by Connect(BaseDashboard))
in Connect(BaseDashboard) (created by Unknown)
in div (created by App)
in div (created by App)
in MuiThemeProvider (created by App)
in App (created by Connect(App))
in Connect(App) (created by Unknown)
in Unknown (created by Unknown)
in Unknown
in Provider

Issue 2:
I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

When clicking on the TableSortLabel I would expect to see the aria-label change value to be "ascending" or "descending" for that element it nested inside of. It would look something like this example here: https://dequeuniversity.com/library/aria/tables/sf-sortable-grid

Current Behavior

What currently renders is elements without any aria-sort attribute like so:

https://material-ui.com/demos/tables/

Steps to Reproduce (for bugs)

Visit: https://material-ui.com/demos/tables/

Goto "Sorting & Selecting"

Click on any of the header columns

Inspect the element and look at the attributes

Context

Your Environment

Tech
Version

Material-UI
1.0.0-beta.21

React
16

browser
Chrome

I'm wondering if there would be approval for adding this in? I wouldn't mind taking on the work. Looking at the code a rough idea for how this could work could be the fact that I know inside <Table> component there is a context property of 'head' that is a boolean. Knowing that information, I could use it later on inside of tableCell to set the appropriate aria-sort value. When one of the columns changes ordering the rest of the columns need to reflect that change and set their aria-sort status to "none" so there would need to be a function inside of <Table> that would signal a change to all the other table header columns.