Giter VIP home page Giter VIP logo

Comments (23)

ericthompson avatar ericthompson commented on August 20, 2024

Good question - I'll work with the team to see what we can do.

from office-ui-fabric-core.

ericthompson avatar ericthompson commented on August 20, 2024

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.

git-sdavidpaul avatar git-sdavidpaul commented on August 20, 2024

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.

pbjorklund avatar pbjorklund commented on August 20, 2024

Any ideas or recommendations on this from the team?

from office-ui-fabric-core.

ericthompson avatar ericthompson commented on August 20, 2024

Unfortunately, not yet. We'll comment back if there are any updates.

from office-ui-fabric-core.

andrewconnell avatar andrewconnell commented on August 20, 2024

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.

andrewconnell avatar andrewconnell commented on August 20, 2024

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.

mikewheaton avatar mikewheaton commented on August 20, 2024

We'll need some design review before adding this to Fabric.

from office-ui-fabric-core.

mikewheaton avatar mikewheaton commented on August 20, 2024

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.

johnnyongesa avatar johnnyongesa commented on August 20, 2024

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.

andrewconnell avatar andrewconnell commented on August 20, 2024

@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.

mikewheaton avatar mikewheaton commented on August 20, 2024

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.

johnnyongesa avatar johnnyongesa commented on August 20, 2024

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.

andrewconnell avatar andrewconnell commented on August 20, 2024

@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.

mikewheaton avatar mikewheaton commented on August 20, 2024

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.

ericthompson avatar ericthompson commented on August 20, 2024

@johnnyongesa - we'll make a note for the work item on our end.

from office-ui-fabric-core.

andrewconnell avatar andrewconnell commented on August 20, 2024

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.

mikewheaton avatar mikewheaton commented on August 20, 2024

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.

johnnyongesa avatar johnnyongesa commented on August 20, 2024

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.

mikewheaton avatar mikewheaton commented on August 20, 2024

@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.

johnnyongesa avatar johnnyongesa commented on August 20, 2024

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.

mikewheaton avatar mikewheaton commented on August 20, 2024

@johnnyongesa: I've opened a new issue for this and posted a more detailed response there.

from office-ui-fabric-core.

mikewheaton avatar mikewheaton commented on August 20, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.