Office UI Fabric - DetailsList and clickable column
up vote
0
down vote
favorite
I was wondering how to format the DetailsList so that a certain column renders a clickable link, just like OneDrive and SharePoint Online do for the filename. Is this a custom renderer function for that column that returns a component or is this a prop I can pass to the DetailsList component?
office-ui-fabric
add a comment |
up vote
0
down vote
favorite
I was wondering how to format the DetailsList so that a certain column renders a clickable link, just like OneDrive and SharePoint Online do for the filename. Is this a custom renderer function for that column that returns a component or is this a prop I can pass to the DetailsList component?
office-ui-fabric
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I was wondering how to format the DetailsList so that a certain column renders a clickable link, just like OneDrive and SharePoint Online do for the filename. Is this a custom renderer function for that column that returns a component or is this a prop I can pass to the DetailsList component?
office-ui-fabric
I was wondering how to format the DetailsList so that a certain column renders a clickable link, just like OneDrive and SharePoint Online do for the filename. Is this a custom renderer function for that column that returns a component or is this a prop I can pass to the DetailsList component?
office-ui-fabric
office-ui-fabric
asked Nov 8 at 12:51
JuniorDev
32
32
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
up vote
1
down vote
accepted
You can find detailed information along with some code samples at this location: https://developer.microsoft.com/en-us/fabric#/components/detailslist/customitemcolumns
To answer your question: onRenderItemColumn is the prop which gives you the custom renderer to wrap the content of a specific column in anything you want (check the link above to see how).
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
1
down vote
accepted
You can find detailed information along with some code samples at this location: https://developer.microsoft.com/en-us/fabric#/components/detailslist/customitemcolumns
To answer your question: onRenderItemColumn is the prop which gives you the custom renderer to wrap the content of a specific column in anything you want (check the link above to see how).
add a comment |
up vote
1
down vote
accepted
You can find detailed information along with some code samples at this location: https://developer.microsoft.com/en-us/fabric#/components/detailslist/customitemcolumns
To answer your question: onRenderItemColumn is the prop which gives you the custom renderer to wrap the content of a specific column in anything you want (check the link above to see how).
add a comment |
up vote
1
down vote
accepted
up vote
1
down vote
accepted
You can find detailed information along with some code samples at this location: https://developer.microsoft.com/en-us/fabric#/components/detailslist/customitemcolumns
To answer your question: onRenderItemColumn is the prop which gives you the custom renderer to wrap the content of a specific column in anything you want (check the link above to see how).
You can find detailed information along with some code samples at this location: https://developer.microsoft.com/en-us/fabric#/components/detailslist/customitemcolumns
To answer your question: onRenderItemColumn is the prop which gives you the custom renderer to wrap the content of a specific column in anything you want (check the link above to see how).
answered Nov 8 at 19:26
Vitalie Braga
761
761
add a comment |
add a comment |
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53208133%2foffice-ui-fabric-detailslist-and-clickable-column%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown