Comments (23)
Good question - I'll work with the team to see what we can do.
from office-ui-fabric-core.
Since Fabric is currently focused on styling, we're looking into what "sorting" would look like for the table. Adding richer table interactions aren't immediately on our roadmap, but we'll leave this open so we can be sure to track it as the project grows.
from office-ui-fabric-core.
Styles for tables with sort options is what I was looking for. I would like to highlight the column header of the table by which it is sorted along with the sort direction indicator.
A JS for doing client side sorting would be a valuable component but the styles for implementing table with sort is common requirement with any table implementation.
from office-ui-fabric-core.
Any ideas or recommendations on this from the team?
from office-ui-fabric-core.
Unfortunately, not yet. We'll comment back if there are any updates.
from office-ui-fabric-core.
This is actually on the plans for the table that we're building in the angular directives we're working on. Hope to have a initial release of a few directives in the first drop... sortable tables won't be in it, but it's definitely in the plans: ngofficeuifabric.com.
from office-ui-fabric-core.
We have sortable table now with the http://ngofficeuifabric.com. You can grab our library from npm, bower or nuget.
You can see it in action here:
http://ngofficeuifabric.com/demos/uifTable
from office-ui-fabric-core.
We'll need some design review before adding this to Fabric.
from office-ui-fabric-core.
To start with, we're going to add a style for the header of a column that is sorted. We're working with design now to make sure we have this right. In future updates we may add JavaScript support for sorting columns.
from office-ui-fabric-core.
Hi all, has row sorting been added to office ui fabric? i need to add row sorting to my office ui fabric table
from office-ui-fabric-core.
@johnnyongesa Sorting isn't in the Office UI Fabric component… there isn’t functionality per-say within the components.
However the Angular port of Office UI Fabric, ngOfficeUiFabric does have column sorting as well as selectable rows in the table implementation. Check out a demo here: http://ngofficeuifabric.com/demos/uifTable/
from office-ui-fabric-core.
The functionality of sorting rows is not yet in Fabric, and is not planned for inclusion in the upcoming 3.0 release. However, we are going to release TypeScript for table component (to allow for selection of rows) and this could be extended to add sorting. As Eric mentioned above, we just need to get official designs for how sortable tables should look before adding it to Fabric.
from office-ui-fabric-core.
Home you consider sorting in next releases, this is a very important component of table component and almost every user of table component uses sorting
from office-ui-fabric-core.
@mikewheaton will the TypeScript additions that you are "releasing" also going to be in the CDN releases or like they are today where only CSS is in the CDN but JS is something you have to add to the project?
from office-ui-fabric-core.
We're finally going to start hosting all of the JS on the CDN, so that functional components can be added to an app without any downloading or local building of the project. 😄
from office-ui-fabric-core.
@johnnyongesa - we'll make a note for the work item on our end.
from office-ui-fabric-core.
Great news… will the time from a release to getting it up on the CDN shorten as well? Right now looks like it’s a 2 month + delay from a new release to it showing up on the CDN.
from office-ui-fabric-core.
Well, it can't get any worse. We're working with the CDN team on a new process that should allow us to push through a new version in 1 to 2 weeks. Stay tuned.
from office-ui-fabric-core.
Hi guys, is there a way to re-size the ms-Dialog component? i would want to increase the width of ms-Dialog compoenent
from office-ui-fabric-core.
@johnnyongesa: Please open a new issue next time, so we can keep each issue on topic. 😄 Here is a quick demo of overriding the max-width
value of ms-Dialog-main
to change the width of the dialog.
from office-ui-fabric-core.
Thank you mike for the response, but the link you shared does not give any idea of what to do. It just has a html file with
tag and a blank css file
from office-ui-fabric-core.
@johnnyongesa: I've opened a new issue for this and posted a more detailed response there.
from office-ui-fabric-core.
There are no plans to update the current Table component with sortable columns. We will, however, be adding a new details list component that will include this functionality. This is now included in our roadmap.
from office-ui-fabric-core.
Related Issues (20)
- Shouldn't the starter template use ms-Fabric style in the body?
- How to access the latest CSS style sheets, Icons & Java scripts for HTML web development HOT 3
- Can I use Fabric-UI styles and components in Angular 10 ?? HOT 8
- Visio brand icon is still old
- In BasePicker allow to pass the style for the focused element
- Edit Icon is not working HOT 1
- Do we support auto layout in office Fabric React - Grid layout
- SVG for the icons HOT 2
- Can I use Fabric-UI styles and components in VueJS ?
- Selection cannot be controlled by state
- Office fabric ui core style stopped working HOT 5
- Is the Announced component deprecated HOT 1
- Invalid aria attributes is defined for the column header
- Issue with ms-animation mixin with Sass (latest version of DartSass)
- icon
- Breadcrumb button not visible in High contrast black mode HOT 1
- New Icon request.
- Bug: The icon library is not loading the icons correctly.
- newer icons are missing HOT 2
- Scoped CSS is pointing to the wrong font file on CDN
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from office-ui-fabric-core.