Request: Option to give id attribute to lines

[GeorgeWL]

I've been wanting to have it copy the behaviour of github in that on line click, it adds the hash of #line57 to the end of the url, and that if someone then loads that url, it jumps to that position in the page

To make that easier it would be good if renderContent or some other prop could allow one to set the line numbers as the id of the <tr>

e.g.:

const newContent = (renderProps) =><tr id={renderProps.lineId}>{renderProps.children}</tr>

or even simpler, just something like a

...
withIdAttrib={true}
/>

[bramses]

pretty easy local fix:

react-diff-viewer/src/index.tsx

Line 301 in 6eda0f7

private renderSplitView = (

change:

private renderSplitView = (
		{ left, right }: LineInformation,
		index: number,
	): JSX.Element => {
		return (
			<tr key={index} className={this.styles.line}>
				{this.renderLine(
					left.lineNumber,
					left.type,
					LineNumberPrefix.LEFT,
					left.value,
				)}
				{this.renderLine(
					right.lineNumber,
					right.type,
					LineNumberPrefix.RIGHT,
					right.value,
				)}
			</tr>
		);
	};

to:

React.createElement("tr", { id: left.lineNumber, key: index, className: _this.styles.line }

note in your local project this TS will be compiled into JS, my change was on L166 of index.js